#F2CCAA

#F2CCAA

Color Values

HEX

#F2CCAA

RGB

242, 204, 170

HSL

28.3, 73.5%, 80.8%

HSV

28.3, 29.8%, 94.9%

CMYK

0.0%, 15.7%, 29.8%, 5.1%

OKLCH

0.8693 0.0624 63.7

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#F2CCAA

#AAD0F2

Analogous

#F2AAAC

#F2F0AA

#F2CCAA

Triadic

#F2CCAA

#AAF2CC

#CCAAF2

Split Complementary

#F2CCAA

#AAF2F0

#AAACF2

Tetradic

#F2CCAA

#ACF2AA

#AAD0F2

#F0AAF2

Color Blindness Simulation

Original

#F2CCAA

Protanopia

#E2E1B2

Deuteranopia

#E4E7B4

Tritanopia

#F0B9BA

Achromatopsia

#D2D2D2

CSS Usage

background-color: #F2CCAA;
color: #F2CCAA;
border-color: #F2CCAA;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DAC1
300
#EFBF95
400
#E69D5B
500
#DD7A22
600
#B1621B
700
#8E4E16
800
#6F3D11
900
#502F10
950
#331D0A

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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