#F2F2CC

#F2F2CC

Color Values

HEX

#F2F2CC

RGB

242, 242, 204

HSL

60.0, 59.4%, 87.5%

HSV

60.0, 15.7%, 94.9%

CMYK

0.0%, 0.0%, 15.7%, 5.1%

OKLCH

0.9515 0.0496 107.3

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F2F2CC

#CCCCF2

Analogous

#F2DFCC

#DFF2CC

#F2F2CC

Triadic

#F2F2CC

#CCF2F2

#F2CCF2

Split Complementary

#F2F2CC

#CCDFF2

#DFCCF2

Tetradic

#F2F2CC

#CCF2DF

#CCCCF2

#F2CCDF

Color Blindness Simulation

Original

#F2F2CC

Protanopia

#F2F2D5

Deuteranopia

#F2F2D7

Tritanopia

#F2DCDE

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F2F2CC;
color: #F2F2CC;
border-color: #F2F2CC;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C6
300
#E6E69D
400
#D9D969
500
#CBCB34
600
#A3A329
700
#828221
800
#66661A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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