#F4D8C3

#F4D8C3

Color Values

HEX

#F4D8C3

RGB

244, 216, 195

HSL

25.7, 69.0%, 86.1%

HSV

25.7, 20.1%, 95.7%

CMYK

0.0%, 11.5%, 20.1%, 4.3%

OKLCH

0.8999 0.0421 59.1

Properties

Warm Light Nearest: Desert Sand

Color Harmonies

Complementary

#F4D8C3

#C3DFF4

Analogous

#F4C3C7

#F4F1C3

#F4D8C3

Triadic

#F4D8C3

#C3F4D8

#D8C3F4

Split Complementary

#F4D8C3

#C3F4F1

#C3C7F4

Tetradic

#F4D8C3

#C7F4C3

#C3DFF4

#F1C3F4

Color Blindness Simulation

Original

#F4D8C3

Protanopia

#E8E8C8

Deuteranopia

#EAECC9

Tritanopia

#F3CCCD

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE3
200
#F4D8C3
300
#ECBC98
400
#E29760
500
#D77328
600
#AC5C20
700
#8A4A19
800
#6C3914
900
#4F2C12
950
#321C0C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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