#fadbd4

Color #fadbd4

A vivid, highly saturated very light red.

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

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

Conversions

HEX

#fadbd4

RGB

rgb(250, 219, 212)

HSL

hsl(11.1, 79.2%, 90.6%)

HSV / HSB

hsv(11.1, 15.2%, 98%)

CMYK

cmyk(0%, 12.4%, 15.2%, 2%)

LAB

lab(89.74, 9.61, 7.38)

LCH

lch(89.74, 12.12, 37.52)

OKLCH

oklch(91.5%, 0.0359, 32.85)

HWB

hwb(11.1, 83.1%, 2%)

Harmony colors

Complementary

#d4f3fa

Analogous

#fad4e0

#fadbd4

#faeed4

Triadic

#fadbd4

#d4fadb

#dbd4fa

Split-complementary

#fadbd4

#d4faee

#d4e0fa

Tetradic

#fadbd4

#f3fad4

#d4f3fa

#dbd4fa

Square

#fadbd4

#e0fad4

#d4f3fa

#eed4fa

Shades

Color #fadbd4 mixed toward black.

#f2a18f

#ea684a

#cf3a18

#8a2710

#451308

Tints

Color #fadbd4 mixed toward white.

#fbe1db

#fce7e2

#fdedea

#fdf3f1

#fef9f8

Tones

Color #fadbd4 mixed toward gray.

#f7ddd7

#f4dfda

#f1e1de

#ede3e1

#eae5e4

Accessibility

Aa White text on this color

1.3:1

Aa Black text on this color

16.15:1

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

Under color vision deficiencies

Protanopia

#ededd6 · ΔE 17.9

Deuteranopia

#eff1d6 · ΔE 19.8

Tritanopia

#f9d7d7 · ΔE 3.4

Achromatopsia

#e2e2e2 · ΔE 11.9

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

Code

CSS

background-color: #fadbd4;

Tailwind (arbitrary value)

bg-[#fadbd4]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Salmon #fa8072

Coral #ff7f50

Misty Rose #ffe4e1

Orange Red #ff4500

Frequently asked questions

#fadbd4 (#fadbd4) is rgb(250, 219, 212) in RGB.

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

Generate a palette → Check contrast