#F0F2A2

#F0F2A2

Color Values

HEX

#F0F2A2

RGB

240, 242, 162

HSL

61.5, 75.5%, 79.2%

HSV

61.5, 33.1%, 94.9%

CMYK

0.8%, 0.0%, 33.1%, 5.1%

OKLCH

0.9415 0.1009 109.4

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#F0F2A2

#A4A2F2

Analogous

#F2CCA2

#C8F2A2

#F0F2A2

Triadic

#F0F2A2

#A2F0F2

#F2A2F0

Split Complementary

#F0F2A2

#A2C8F2

#CCA2F2

Tetradic

#F0F2A2

#A2F2CC

#A4A2F2

#F2A2C8

Color Blindness Simulation

Original

#F0F2A2

Protanopia

#F1F1B5

Deuteranopia

#F1F1BA

Tritanopia

#F0C5C8

Achromatopsia

#ECECEC

CSS Usage

background-color: #F0F2A2;
color: #F0F2A2;
border-color: #F0F2A2;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F5F6C0
300
#EEF094
400
#E4E859
500
#DBE01F
600
#AFB319
700
#8C8F14
800
#6D7010
900
#505110
950
#32330A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.93:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026