#F2DDC2

#F2DDC2

Color Values

HEX

#F2DDC2

RGB

242, 221, 194

HSL

33.8, 64.9%, 85.5%

HSV

33.8, 19.8%, 94.9%

CMYK

0.0%, 8.7%, 19.8%, 5.1%

OKLCH

0.9077 0.0427 74.1

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F2DDC2

#C2D7F2

Analogous

#F2C5C2

#EFF2C2

#F2DDC2

Triadic

#F2DDC2

#C2F2DD

#DDC2F2

Split Complementary

#F2DDC2

#C2EFF2

#C5C2F2

Tetradic

#F2DDC2

#C2F2C5

#C2D7F2

#F2C2EF

Color Blindness Simulation

Original

#F2DDC2

Protanopia

#E9E9C9

Deuteranopia

#EAECCA

Tritanopia

#F1CECF

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DEC4
300
#EAC79A
400
#DEA863
500
#D28A2D
600
#A86E24
700
#87581D
800
#694516
900
#4D3414
950
#30210D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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