#ee6495

Color #ee6495

A vivid, highly saturated light pink.

Closest named color Pale Violet Red #db7093 · ΔE 12.18 Nearest Tailwind class pink-400 #fb64b6 · ΔE 6.8

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#ee6495

RGB

rgb(238, 100, 149)

HSL

hsl(338.7, 80.2%, 66.3%)

HSV / HSB

hsv(338.7, 58%, 93.3%)

CMYK

cmyk(0%, 58%, 37.4%, 6.7%)

LAB

lab(61.19, 57.68, 0.49)

LCH

lch(61.19, 57.68, 0.49)

OKLCH

oklch(68.8%, 0.1759, 0.65)

HWB

hwb(338.7, 39.2%, 6.7%)

Harmony colors

Complementary

#64eebd

Analogous

#ee64da

#ee6495

#ee7864

Triadic

#ee6495

#95ee64

#6495ee

Split-complementary

#ee6495

#64ee78

#64daee

Tetradic

#ee6495

#eebd64

#64eebd

#6495ee

Square

#ee6495

#daee64

#64eebd

#7864ee

Shades

Color #ee6495 mixed toward black.

#e83172

#cb1656

#981141

#660b2b

#330616

Tints

Color #ee6495 mixed toward white.

#f17ea7

#f498b8

#f6b2ca

#f9cbdc

#fce5ed

Tones

Color #ee6495 mixed toward gray.

#e27098

#d77b9c

#cc879f

#c092a2

#b59ea6

Accessibility

Aa White text on this color

3.05:1

Aa Black text on this color

6.89:1

Black text reads better on this background (6.89:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#c2c18b · ΔE 48.8

Deuteranopia

#c9d189 · ΔE 55.8

Tritanopia

#e98381 · ΔE 13.2

Achromatopsia

#949494 · ΔE 25.9

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #ee6495;

Tailwind (arbitrary value)

bg-[#ee6495]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Crimson #dc143c

Pink #ffc0cb

Deep Pink #ff1493

Frequently asked questions

#ee6495 (#ee6495) is rgb(238, 100, 149) in RGB.

No, #ee6495 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #ee6495, or check how it holds up for accessibility.

Generate a palette → Check contrast