#fdd5cf

Color #fdd5cf

A vivid, highly saturated very light red.

Closest named color Misty Rose #ffe4e1 · ΔE 6.87 Nearest Tailwind class red-100 #ffe2e2 · ΔE 4.5

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

Conversions

HEX

#fdd5cf

RGB

rgb(253, 213, 207)

HSL

hsl(7.8, 92%, 90.2%)

HSV / HSB

hsv(7.8, 18.2%, 99.2%)

CMYK

cmyk(0%, 15.8%, 18.2%, 0.8%)

LAB

lab(88.44, 13.03, 8.17)

LCH

lch(88.44, 15.38, 32.09)

OKLCH

oklch(90.5%, 0.0458, 28.02)

HWB

hwb(7.8, 81.2%, 0.8%)

Harmony colors

Complementary

#cff7fd

Analogous

#fdcfe0

#fdd5cf

#fdeccf

Triadic

#fdd5cf

#cffdd5

#d5cffd

Split-complementary

#fdd5cf

#cffdec

#cfe0fd

Tetradic

#fdd5cf

#f7fdcf

#cff7fd

#d5cffd

Square

#fdd5cf

#e0fdcf

#cff7fd

#eccffd

Shades

Color #fdd5cf mixed toward black.

#fa9585

#f7543c

#dd2509

#931806

#4a0c03

Tints

Color #fdd5cf mixed toward white.

#fddcd7

#fee3df

#feeae7

#fef1ef

#fff8f7

Tones

Color #fdd5cf mixed toward gray.

#f9d8d3

#f5dbd7

#f2dedb

#eee0de

#eae3e2

Accessibility

Aa White text on this color

1.35:1

Aa Black text on this color

15.6:1

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

Under color vision deficiencies

Protanopia

#edecd0 · ΔE 21.8

Deuteranopia

#eff2d1 · ΔE 24.5

Tritanopia

#fbd2d2 · ΔE 2.6

Achromatopsia

#dedede · ΔE 14.3

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

Code

CSS

background-color: #fdd5cf;

Tailwind (arbitrary value)

bg-[#fdd5cf]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Red #ff0000

Maroon #800000

Frequently asked questions

#fdd5cf (#fdd5cf) is rgb(253, 213, 207) in RGB.

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

Generate a palette → Check contrast