#F2F1CC

#F2F1CC

Color Values

HEX

#F2F1CC

RGB

242, 241, 204

HSL

58.4, 59.4%, 87.5%

HSV

58.4, 15.7%, 94.9%

CMYK

0.0%, 0.4%, 15.7%, 5.1%

OKLCH

0.9495 0.0483 106.0

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F2F1CC

#CCCDF2

Analogous

#F2DECC

#E0F2CC

#F2F1CC

Triadic

#F2F1CC

#CCF2F1

#F1CCF2

Split Complementary

#F2F1CC

#CCE0F2

#DECCF2

Tetradic

#F2F1CC

#CCF2DE

#CCCDF2

#F2CCE0

Color Blindness Simulation

Original

#F2F1CC

Protanopia

#F2F2D5

Deuteranopia

#F2F2D7

Tritanopia

#F2DCDE

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1EFC6
300
#E6E49D
400
#D9D669
500
#CBC734
600
#A39F29
700
#827F21
800
#66641A
900
#4A4917
950
#2F2E0E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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