#F2FA89

#F2FA89

Color Values

HEX

#F2FA89

RGB

242, 250, 137

HSL

64.2, 91.9%, 75.9%

HSV

64.2, 45.2%, 98.0%

CMYK

3.2%, 0.0%, 45.2%, 2.0%

OKLCH

0.9557 0.1371 112.3

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F2FA89

#9189FA

Analogous

#FAC989

#BAFA89

#F2FA89

Triadic

#F2FA89

#89F2FA

#FA89F2

Split Complementary

#F2FA89

#89BAFA

#C989FA

Tetradic

#F2FA89

#89FAC9

#9189FA

#FA89BA

Color Blindness Simulation

Original

#F2FA89

Protanopia

#F5F6A4

Deuteranopia

#F5F4AB

Tritanopia

#F2BABF

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F8FCBA
300
#F2FA8A
400
#EBF74A
500
#E4F50A
600
#B7C408
700
#929D07
800
#727A05
900
#535908
950
#343805

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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