#d14053

Color #d14053

A moderately saturated medium red.

Closest named color Indian Red #cd5c5c · ΔE 13.54 Nearest Tailwind class rose-600 #ec003f · ΔE 5.9

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

Conversions

HEX

#d14053

RGB

rgb(209, 64, 83)

HSL

hsl(352.1, 61.2%, 53.5%)

HSV / HSB

hsv(352.1, 69.4%, 82%)

CMYK

cmyk(0%, 69.4%, 60.3%, 18%)

LAB

lab(49.31, 57.74, 22.18)

LCH

lch(49.31, 61.85, 21.01)

OKLCH

oklch(58.6%, 0.1807, 17.39)

HWB

hwb(352.1, 25.1%, 18%)

Harmony colors

Complementary

#40d1be

Analogous

#d1409c

#d14053

#d17540

Triadic

#d14053

#53d140

#4053d1

Split-complementary

#d14053

#40d175

#409cd1

Tetradic

#d14053

#d1be40

#40d1be

#4053d1

Square

#d14053

#9cd140

#40d1be

#7540d1

Shades

Color #d14053 mixed toward black.

#b72c3e

#932332

#6e1a25

#491219

#25090c

Tints

Color #d14053 mixed toward white.

#d96070

#e0808c

#e89fa9

#f0bfc6

#f7dfe2

Tones

Color #d14053 mixed toward gray.

#c54c5c

#b95865

#ad646e

#a17077

#957c80

Accessibility

Aa White text on this color

4.6:1

Aa Black text on this color

4.57:1

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

Under color vision deficiencies

Protanopia

#a6a54f · ΔE 50.4

Deuteranopia

#adb54e · ΔE 55.9

Tritanopia

#cd4b4b · ΔE 4.5

Achromatopsia

#757575 · ΔE 26.3

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

Code

CSS

background-color: #d14053;

Tailwind (arbitrary value)

bg-[#d14053]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#d14053 (#d14053) is rgb(209, 64, 83) in RGB.

No, #d14053 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast