#F4DCC1

#F4DCC1

Color Values

HEX

#F4DCC1

RGB

244, 220, 193

HSL

31.8, 69.9%, 85.7%

HSV

31.8, 20.9%, 95.7%

CMYK

0.0%, 9.8%, 20.9%, 4.3%

OKLCH

0.9072 0.0446 70.5

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F4DCC1

#C1D9F4

Analogous

#F4C3C1

#F2F4C1

#F4DCC1

Triadic

#F4DCC1

#C1F4DC

#DCC1F4

Split Complementary

#F4DCC1

#C1F2F4

#C3C1F4

Tetradic

#F4DCC1

#C1F4C3

#C1D9F4

#F4C1F2

Color Blindness Simulation

Original

#F4DCC1

Protanopia

#EAE9C8

Deuteranopia

#EBEDC9

Tritanopia

#F3CDCE

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F4DCC1;
color: #F4DCC1;
border-color: #F4DCC1;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC2
300
#EDC497
400
#E3A55F
500
#D98526
600
#AD6A1F
700
#8B5519
800
#6C4213
900
#4F3212
950
#32200B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.85:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026