#ef7daa

Color #ef7daa

A vivid, highly saturated light pink.

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

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

Conversions

HEX

#ef7daa

RGB

rgb(239, 125, 170)

HSL

hsl(336.3, 78.1%, 71.4%)

HSV / HSB

hsv(336.3, 47.7%, 93.7%)

CMYK

cmyk(0%, 47.7%, 28.9%, 6.3%)

LAB

lab(66.46, 48.69, -3.77)

LCH

lch(66.46, 48.84, 355.57)

OKLCH

oklch(73%, 0.1477, 356.39)

HWB

hwb(336.3, 49%, 6.3%)

Harmony colors

Complementary

#7defc2

Analogous

#ef7de3

#ef7daa

#ef897d

Triadic

#ef7daa

#aaef7d

#7daaef

Split-complementary

#ef7daa

#7def89

#7de3ef

Tetradic

#ef7daa

#efc27d

#7defc2

#7daaef

Square

#ef7daa

#e3ef7d

#7defc2

#897def

Shades

Color #ef7daa mixed toward black.

#e84787

#d81b65

#a2144c

#6c0d33

#360719

Tints

Color #ef7daa mixed toward white.

#f293b8

#f4a8c6

#f7bed5

#fad4e3

#fce9f1

Tones

Color #ef7daa mixed toward gray.

#e687ac

#dc90ae

#d39ab0

#c9a3b2

#c0adb4

Accessibility

Aa White text on this color

2.57:1

Aa Black text on this color

8.18:1

Black text reads better on this background (8.18:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c8c7a1 · ΔE 42.1

Deuteranopia

#ced59e · ΔE 49.3

Tritanopia

#eb9997 · ΔE 13.5

Achromatopsia

#a2a2a2 · ΔE 24.9

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

Code

CSS

background-color: #ef7daa;

Tailwind (arbitrary value)

bg-[#ef7daa]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#ef7daa (#ef7daa) is rgb(239, 125, 170) in RGB.

No, #ef7daa 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 #ef7daa, or check how it holds up for accessibility.

Generate a palette → Check contrast