#F4DFC2

#F4DFC2

Color Values

HEX

#F4DFC2

RGB

244, 223, 194

HSL

34.8, 69.4%, 85.9%

HSV

34.8, 20.5%, 95.7%

CMYK

0.0%, 8.6%, 20.5%, 4.3%

OKLCH

0.9133 0.0448 76.0

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#F4DFC2

#C2D7F4

Analogous

#F4C6C2

#F0F4C2

#F4DFC2

Triadic

#F4DFC2

#C2F4DF

#DFC2F4

Split Complementary

#F4DFC2

#C2F0F4

#C6C2F4

Tetradic

#F4DFC2

#C2F4C6

#C2D7F4

#F4C2F0

Color Blindness Simulation

Original

#F4DFC2

Protanopia

#EBEBC9

Deuteranopia

#ECEECB

Tritanopia

#F3CFD0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4DFC3
300
#ECC997
400
#E2AB5F
500
#D88E27
600
#AD711F
700
#8A5B19
800
#6C4714
900
#4F3512
950
#32220B

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.18: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