#F0FA89

#F0FA89

Color Values

HEX

#F0FA89

RGB

240, 250, 137

HSL

65.3, 91.9%, 75.9%

HSV

65.3, 45.2%, 98.0%

CMYK

4.0%, 0.0%, 45.2%, 2.0%

OKLCH

0.9542 0.1375 113.2

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F0FA89

#9389FA

Analogous

#FACC89

#B8FA89

#F0FA89

Triadic

#F0FA89

#89F0FA

#FA89F0

Split Complementary

#F0FA89

#89B8FA

#CC89FA

Tetradic

#F0FA89

#89FACC

#9389FA

#FA89B8

Color Blindness Simulation

Original

#F0FA89

Protanopia

#F4F4A4

Deuteranopia

#F4F3AB

Tritanopia

#F0BABF

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F6FCBA
300
#F0FA8A
400
#E8F74A
500
#E0F50A
600
#B3C408
700
#8F9D07
800
#707A05
900
#515908
950
#333805

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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