#FFF559

#FFF559

Color Values

HEX

#FFF559

RGB

255, 245, 89

HSL

56.4, 100.0%, 67.5%

HSV

56.4, 65.1%, 100.0%

CMYK

0.0%, 3.9%, 65.1%, 0.0%

OKLCH

0.9508 0.1712 105.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FFF559

#5963FF

Analogous

#FFA259

#B6FF59

#FFF559

Triadic

#FFF559

#59FFF5

#F559FF

Split Complementary

#FFF559

#59B6FF

#A259FF

Tetradic

#FFF559

#59FFA2

#5963FF

#FF59B6

Color Blindness Simulation

Original

#FFF559

Protanopia

#FBFB7F

Deuteranopia

#FBFC88

Tritanopia

#FE9DA3

Achromatopsia

#ECECEC

CSS Usage

background-color: #FFF559;
color: #FFF559;
border-color: #FFF559;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFBB8
300
#FFF885
400
#FFF442
500
#FFF000
600
#CCC000
700
#A39900
800
#807800
900
#5C5705
950
#3A3703

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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