#F4DEC2

#F4DEC2

Color Values

HEX

#F4DEC2

RGB

244, 222, 194

HSL

33.6, 69.4%, 85.9%

HSV

33.6, 20.5%, 95.7%

CMYK

0.0%, 9.0%, 20.5%, 4.3%

OKLCH

0.9113 0.0443 73.8

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F4DEC2

#C2D8F4

Analogous

#F4C5C2

#F1F4C2

#F4DEC2

Triadic

#F4DEC2

#C2F4DE

#DEC2F4

Split Complementary

#F4DEC2

#C2F1F4

#C5C2F4

Tetradic

#F4DEC2

#C2F4C5

#C2D8F4

#F4C2F1

Color Blindness Simulation

Original

#F4DEC2

Protanopia

#EAEAC9

Deuteranopia

#ECEDCA

Tritanopia

#F3CECF

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DEC3
300
#ECC797
400
#E2A95F
500
#D88A27
600
#AD6E1F
700
#8A5819
800
#6C4514
900
#4F3412
950
#32210B

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.07:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026