#F5FD87

#F5FD87

Color Values

HEX

#F5FD87

RGB

245, 253, 135

HSL

64.1, 96.7%, 76.1%

HSV

64.1, 46.6%, 99.2%

CMYK

3.2%, 0.0%, 46.6%, 0.8%

OKLCH

0.964 0.142 112.2

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F5FD87

#8F87FD

Analogous

#FDCA87

#BAFD87

#F5FD87

Triadic

#F5FD87

#87F5FD

#FD87F5

Split Complementary

#F5FD87

#87BAFD

#CA87FD

Tetradic

#F5FD87

#87FDCA

#8F87FD

#FD87BA

Color Blindness Simulation

Original

#F5FD87

Protanopia

#F8F9A4

Deuteranopia

#F8F7AA

Tritanopia

#F5BABF

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#F9FEB9
300
#F5FD87
400
#EFFC45
500
#EAFB04
600
#BBC903
700
#96A103
800
#757D02
900
#555B06
950
#363904

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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