#fad69c

Color #fad69c

A vivid, highly saturated light orange.

Closest named color Navajo White #ffdead · ΔE 5.72 Nearest Tailwind class orange-200 #ffd6a7 · ΔE 3.7

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

Conversions

HEX

#fad69c

RGB

rgb(250, 214, 156)

HSL

hsl(37, 90.4%, 79.6%)

HSV / HSB

hsv(37, 37.6%, 98%)

CMYK

cmyk(0%, 14.4%, 37.6%, 2%)

LAB

lab(87.4, 4.72, 33.31)

LCH

lch(87.4, 33.64, 81.93)

OKLCH

oklch(89.3%, 0.0843, 79.2)

HWB

hwb(37, 61.2%, 2%)

Harmony colors

Complementary

#9cc0fa

Analogous

#faa79c

#fad69c

#effa9c

Triadic

#fad69c

#9cfad6

#d69cfa

Split-complementary

#fad69c

#9ceffa

#a79cfa

Tetradic

#fad69c

#c0fa9c

#9cc0fa

#d69cfa

Square

#fad69c

#9cfaa7

#9cc0fa

#fa9cef

Shades

Color #fad69c mixed toward black.

#f7bb5c

#f4a11b

#c17b0a

#815206

#402903

Tints

Color #fad69c mixed toward white.

#fbddac

#fce4bd

#fdeacd

#fdf1de

#fef8ee

Tones

Color #fad69c mixed toward gray.

#f2d4a4

#ead2ac

#e2d0b3

#dbcfbb

#d3cdc3

Accessibility

Aa White text on this color

1.38:1

Aa Black text on this color

15.16:1

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

Under color vision deficiencies

Protanopia

#ebebac · ΔE 11.7

Deuteranopia

#edf0b0 · ΔE 12.8

Tritanopia

#f8b8ba · ΔE 24.8

Achromatopsia

#dbdbdb · ΔE 19.2

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

Code

CSS

background-color: #fad69c;

Tailwind (arbitrary value)

bg-[#fad69c]

Related colors

Papaya Whip #ffefd5

Blanched Almond #ffebcd

Moccasin #ffe4b5

Navajo White #ffdead

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#fad69c (#fad69c) is rgb(250, 214, 156) in RGB.

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

Generate a palette → Check contrast