#f1d3cb

Color #f1d3cb

A moderately saturated very light red.

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

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

Conversions

HEX

#f1d3cb

RGB

rgb(241, 211, 203)

HSL

hsl(12.6, 57.6%, 87.1%)

HSV / HSB

hsv(12.6, 15.8%, 94.5%)

CMYK

cmyk(0%, 12.4%, 15.8%, 5.5%)

LAB

lab(86.8, 9.17, 7.8)

LCH

lch(86.8, 12.04, 40.38)

OKLCH

oklch(89%, 0.0354, 35.35)

HWB

hwb(12.6, 79.6%, 5.5%)

Harmony colors

Complementary

#cbe9f1

Analogous

#f1cbd6

#f1d3cb

#f1e6cb

Triadic

#f1d3cb

#cbf1d3

#d3cbf1

Split-complementary

#f1d3cb

#cbf1e6

#cbd6f1

Tetradic

#f1d3cb

#e9f1cb

#cbe9f1

#d3cbf1

Square

#f1d3cb

#d6f1cb

#cbe9f1

#e6cbf1

Shades

Color #f1d3cb mixed toward black.

#e1a291

#d27056

#af4a2f

#75311f

#3a1910

Tints

Color #f1d3cb mixed toward white.

#f3dad4

#f6e2dc

#f8e9e5

#faf0ee

#fdf8f6

Tones

Color #f1d3cb mixed toward gray.

#eed5ce

#ebd7d1

#e8d9d5

#e4dad8

#e1dcdb

Accessibility

Aa White text on this color

1.41:1

Aa Black text on this color

14.92:1

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

Under color vision deficiencies

Protanopia

#e5e4cd · ΔE 16.9

Deuteranopia

#e6e9cd · ΔE 19.8

Tritanopia

#f0cfcf · ΔE 3.9

Achromatopsia

#d9d9d9 · ΔE 11.6

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

Code

CSS

background-color: #f1d3cb;

Tailwind (arbitrary value)

bg-[#f1d3cb]

Related colors

Dark Salmon #e9967a

Tomato #ff6347

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Salmon #fa8072

Frequently asked questions

#f1d3cb (#f1d3cb) is rgb(241, 211, 203) in RGB.

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

Generate a palette → Check contrast