#F5F592

#F5F592

Color Values

HEX

#F5F592

RGB

245, 245, 146

HSL

60.0, 83.2%, 76.7%

HSV

60.0, 40.4%, 96.1%

CMYK

0.0%, 0.0%, 40.4%, 3.9%

OKLCH

0.949 0.1216 108.5

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#F5F592

#9292F5

Analogous

#F5C492

#C4F592

#F5F592

Triadic

#F5F592

#92F5F5

#F592F5

Split Complementary

#F5F592

#92C4F5

#C492F5

Tetradic

#F5F592

#92F5C4

#9292F5

#F592C4

Color Blindness Simulation

Original

#F5F592

Protanopia

#F5F5AA

Deuteranopia

#F5F5B0

Tritanopia

#F5BDC1

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F5F58F
400
#EFEF52
500
#EAEA15
600
#BBBB11
700
#95950E
800
#75750B
900
#55550C
950
#363608

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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