#df144d

Color #df144d

A vivid, highly saturated medium pink.

Closest named color Crimson #dc143c · ΔE 9.25 Nearest Tailwind class rose-600 #ec003f · ΔE 4.9

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

Conversions

HEX

#df144d

RGB

rgb(223, 20, 77)

HSL

hsl(343.2, 83.5%, 47.6%)

HSV / HSB

hsv(343.2, 91%, 87.5%)

CMYK

cmyk(0%, 91%, 65.5%, 12.5%)

LAB

lab(47.92, 72.42, 24.52)

LCH

lch(47.92, 76.46, 18.71)

OKLCH

oklch(58%, 0.2243, 15.09)

HWB

hwb(343.2, 7.8%, 12.5%)

Harmony colors

Complementary

#14dfa6

Analogous

#df14b2

#df144d

#df4114

Triadic

#df144d

#4ddf14

#144ddf

Split-complementary

#df144d

#14df41

#14b2df

Tetradic

#df144d

#dfa614

#14dfa6

#144ddf

Square

#df144d

#b2df14

#14dfa6

#4114df

Shades

Color #df144d mixed toward black.

#ba1140

#940d33

#6f0a26

#4a071a

#25030d

Tints

Color #df144d mixed toward white.

#ed3367

#f05c85

#f484a4

#f8adc2

#fbd6e1

Tones

Color #df144d mixed toward gray.

#ce2554

#bd365c

#ac4763

#9b586b

#8a6872

Accessibility

Aa White text on this color

4.83:1

Aa Black text on this color

4.34:1

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

Under color vision deficiencies

Protanopia

#aeac44 · ΔE 57.7

Deuteranopia

#b5bf42 · ΔE 64.1

Tritanopia

#da3c3a · ΔE 9.1

Achromatopsia

#727272 · ΔE 28.2

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

Code

CSS

background-color: #df144d;

Tailwind (arbitrary value)

bg-[#df144d]

Related colors

Pale Violet Red #db7093

Lavender Blush #fff0f5

Crimson #dc143c

Pink #ffc0cb

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#df144d (#df144d) is rgb(223, 20, 77) in RGB.

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

Generate a palette → Check contrast