#F0FD86

#F0FD86

Color Values

HEX

#F0FD86

RGB

240, 253, 134

HSL

66.6, 96.7%, 75.9%

HSV

66.6, 47.0%, 99.2%

CMYK

5.1%, 0.0%, 47.0%, 0.8%

OKLCH

0.96 0.144 114.3

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F0FD86

#9386FD

Analogous

#FDCF86

#B4FD86

#F0FD86

Triadic

#F0FD86

#86F0FD

#FD86F0

Split Complementary

#F0FD86

#86B4FD

#CF86FD

Tetradic

#F0FD86

#86FDCF

#9386FD

#FD86B4

Color Blindness Simulation

Original

#F0FD86

Protanopia

#F6F6A3

Deuteranopia

#F5F4AA

Tritanopia

#F1BABF

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F6FEB9
300
#F0FD87
400
#E8FC45
500
#E0FB04
600
#B3C903
700
#8FA103
800
#707D02
900
#515B06
950
#333904

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026