#F2DDC5

#F2DDC5

Color Values

HEX

#F2DDC5

RGB

242, 221, 197

HSL

32.0, 63.4%, 86.1%

HSV

32.0, 18.6%, 94.9%

CMYK

0.0%, 8.7%, 18.6%, 5.1%

OKLCH

0.9084 0.0395 71.0

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F2DDC5

#C5DAF2

Analogous

#F2C7C5

#F1F2C5

#F2DDC5

Triadic

#F2DDC5

#C5F2DD

#DDC5F2

Split Complementary

#F2DDC5

#C5F1F2

#C7C5F2

Tetradic

#F2DDC5

#C5F2C7

#C5DAF2

#F2C5F1

Color Blindness Simulation

Original

#F2DDC5

Protanopia

#E9E9CB

Deuteranopia

#EAECCC

Tritanopia

#F1CFD0

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E9C49B
400
#DCA565
500
#D0852F
600
#A76A25
700
#85551E
800
#684217
900
#4C3215
950
#30200D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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