#F2F4CC

#F2F4CC

Color Values

HEX

#F2F4CC

RGB

242, 244, 204

HSL

63.0, 64.5%, 87.8%

HSV

63.0, 16.4%, 95.7%

CMYK

0.8%, 0.0%, 16.4%, 4.3%

OKLCH

0.9555 0.0522 109.7

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F2F4CC

#CECCF4

Analogous

#F4E2CC

#DEF4CC

#F2F4CC

Triadic

#F2F4CC

#CCF2F4

#F4CCF2

Split Complementary

#F2F4CC

#CCDEF4

#E2CCF4

Tetradic

#F2F4CC

#CCF4E2

#CECCF4

#F4CCDE

Color Blindness Simulation

Original

#F2F4CC

Protanopia

#F3F3D6

Deuteranopia

#F3F3D8

Tritanopia

#F2DDDF

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F2C4
300
#E5E99A
400
#D7DE64
500
#CAD22D
600
#A1A824
700
#81861D
800
#656917
900
#4A4D14
950
#2F300D

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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