#F0FF85

#F0FF85

Color Values

HEX

#F0FF85

RGB

240, 255, 133

HSL

67.4, 100.0%, 76.1%

HSV

67.4, 47.8%, 100.0%

CMYK

5.9%, 0.0%, 47.8%, 0.0%

OKLCH

0.964 0.1474 115.0

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F0FF85

#9485FF

Analogous

#FFD185

#B3FF85

#F0FF85

Triadic

#F0FF85

#85F0FF

#FF85F0

Split Complementary

#F0FF85

#85B3FF

#D185FF

Tetradic

#F0FF85

#85FFD1

#9485FF

#FF85B3

Color Blindness Simulation

Original

#F0FF85

Protanopia

#F6F7A2

Deuteranopia

#F6F4AA

Tritanopia

#F1BABF

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F6FFB8
300
#F0FF85
400
#E8FF42
500
#E0FF00
600
#B3CC00
700
#8FA300
800
#708000
900
#515C05
950
#333A03

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026