#f0d0cd

Color #f0d0cd

A moderately saturated very light red.

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

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

Conversions

HEX

#f0d0cd

RGB

rgb(240, 208, 205)

HSL

hsl(5.1, 53.8%, 87.3%)

HSV / HSB

hsv(5.1, 14.6%, 94.1%)

CMYK

cmyk(0%, 13.3%, 14.6%, 5.9%)

LAB

lab(86.03, 10.69, 5.62)

LCH

lch(86.03, 12.08, 27.73)

OKLCH

oklch(88.4%, 0.0363, 24.23)

HWB

hwb(5.1, 80.4%, 5.9%)

Harmony colors

Complementary

#cdedf0

Analogous

#f0cddc

#f0d0cd

#f0e2cd

Triadic

#f0d0cd

#cdf0d0

#d0cdf0

Split-complementary

#f0d0cd

#cdf0e2

#cddcf0

Tetradic

#f0d0cd

#edf0cd

#cdedf0

#d0cdf0

Square

#f0d0cd

#dcf0cd

#cdedf0

#e2cdf0

Shades

Color #f0d0cd mixed toward black.

#df9a94

#ce655b

#ab3e33

#722922

#391511

Tints

Color #f0d0cd mixed toward white.

#f3d8d5

#f5e0de

#f8e8e6

#faefee

#fdf7f7

Tones

Color #f0d0cd mixed toward gray.

#edd3d0

#ead5d3

#e7d7d6

#e4dad9

#e2dcdc

Accessibility

Aa White text on this color

1.44:1

Aa Black text on this color

14.61:1

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

Under color vision deficiencies

Protanopia

#e3e3ce · ΔE 18.9

Deuteranopia

#e5e7ce · ΔE 21

Tritanopia

#efcece · ΔE 1.4

Achromatopsia

#d7d7d7 · ΔE 12.3

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

Code

CSS

background-color: #f0d0cd;

Tailwind (arbitrary value)

bg-[#f0d0cd]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#f0d0cd (#f0d0cd) is rgb(240, 208, 205) in RGB.

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

Generate a palette → Check contrast