#F2FF85

#F2FF85

Color Values

HEX

#F2FF85

RGB

242, 255, 133

HSL

66.4, 100.0%, 76.1%

HSV

66.4, 47.8%, 100.0%

CMYK

5.1%, 0.0%, 47.8%, 0.0%

OKLCH

0.9656 0.1469 114.2

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F2FF85

#9285FF

Analogous

#FFCF85

#B5FF85

#F2FF85

Triadic

#F2FF85

#85F2FF

#FF85F2

Split Complementary

#F2FF85

#85B5FF

#CF85FF

Tetradic

#F2FF85

#85FFCF

#9285FF

#FF85B5

Color Blindness Simulation

Original

#F2FF85

Protanopia

#F8F8A2

Deuteranopia

#F7F6AA

Tritanopia

#F3BABF

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F7FFB8
300
#F2FF85
400
#EBFF42
500
#E4FF00
600
#B6CC00
700
#92A300
800
#728000
900
#535C05
950
#343A03

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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