#F4DDC2

#F4DDC2

Color Values

HEX

#F4DDC2

RGB

244, 221, 194

HSL

32.4, 69.4%, 85.9%

HSV

32.4, 20.5%, 95.7%

CMYK

0.0%, 9.4%, 20.5%, 4.3%

OKLCH

0.9094 0.0439 71.7

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F4DDC2

#C2D9F4

Analogous

#F4C4C2

#F2F4C2

#F4DDC2

Triadic

#F4DDC2

#C2F4DD

#DDC2F4

Split Complementary

#F4DDC2

#C2F2F4

#C4C2F4

Tetradic

#F4DDC2

#C2F4C4

#C2D9F4

#F4C2F2

Color Blindness Simulation

Original

#F4DDC2

Protanopia

#EAEAC9

Deuteranopia

#EBEDCA

Tritanopia

#F3CECF

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC597
400
#E2A65F
500
#D88727
600
#AD6C1F
700
#8A5619
800
#6C4314
900
#4F3312
950
#32200B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026