#F5FD86

#F5FD86

Color Values

HEX

#F5FD86

RGB

245, 253, 134

HSL

64,0, 96,7%, 75,9%

HSV

64,0, 47,0%, 99,2%

CMYK

3,2%, 0,0%, 47,0%, 0,8%

OKLCH

0,9638 0,143 112,2

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F5FD86

#8E86FD

Analogous

#FDC986

#BAFD86

#F5FD86

Triadic

#F5FD86

#86F5FD

#FD86F5

Split Complementary

#F5FD86

#86BAFD

#C986FD

Tetradic

#F5FD86

#86FDC9

#8E86FD

#FD86BA

Color Blindness Simulation

Original

#F5FD86

Protanopia

#F8F9A3

Deuteranopia

#F8F7AA

Tritanopia

#F5BABF

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#F9FEB9
300
#F5FD87
400
#F0FC45
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

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026