#F2F994

#F2F994

Color Values

HEX

#F2F994

RGB

242, 249, 148

HSL

64.2, 89.4%, 77.8%

HSV

64.2, 40.6%, 97.6%

CMYK

2.8%, 0.0%, 40.6%, 2.4%

OKLCH

0.9552 0.1245 112.0

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F2F994

#9B94F9

Analogous

#F9CD94

#BFF994

#F2F994

Triadic

#F2F994

#94F2F9

#F994F2

Split Complementary

#F2F994

#94BFF9

#CD94F9

Tetradic

#F2F994

#94F9CD

#9B94F9

#F994BF

Color Blindness Simulation

Original

#F2F994

Protanopia

#F5F5AC

Deuteranopia

#F5F4B2

Tritanopia

#F2C0C4

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F2F994;
color: #F2F994;
border-color: #F2F994;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFDF2
100
#F9FBE0
200
#F7FBBB
300
#F1F98B
400
#E9F54C
500
#E2F10E
600
#B4C10B
700
#909B09
800
#717907
900
#525709
950
#343706

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.75:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026