#F5F645

#F5F645

Color Values

HEX

#F5F645

RGB

245, 246, 69

HSL

60.3, 90.8%, 61.8%

HSV

60.3, 72.0%, 96.5%

CMYK

0.4%, 0.0%, 72.0%, 3.5%

OKLCH

0.9432 0.186 109.8

Properties

Cool Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F5F645

#4645F6

Analogous

#F69E45

#9DF645

#F5F645

Triadic

#F5F645

#45F5F6

#F645F5

Split Complementary

#F5F645

#459DF6

#9E45F6

Tetradic

#F5F645

#45F69E

#4645F6

#F6459D

Color Blindness Simulation

Original

#F5F645

Protanopia

#F5F570

Deuteranopia

#F5F57A

Tritanopia

#F59299

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFCBB
300
#F9F98A
400
#F5F64B
500
#F2F30C
600
#C2C309
700
#9B9C08
800
#797A06
900
#585809
950
#373806

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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