#F5F932

#F5F932

Color Values

HEX

#F5F932

RGB

245, 249, 50

HSL

61.2, 94.3%, 58.6%

HSV

61.2, 79.9%, 97.6%

CMYK

1.6%, 0.0%, 79.9%, 2.4%

OKLCH

0.9486 0.1976 110.9

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#F5F932

#3632F9

Analogous

#F99932

#91F932

#F5F932

Triadic

#F5F932

#32F5F9

#F932F5

Split Complementary

#F5F932

#3291F9

#9932F9

Tetradic

#F5F932

#32F999

#3632F9

#F93291

Color Blindness Simulation

Original

#F5F932

Protanopia

#F7F762

Deuteranopia

#F6F66E

Tritanopia

#F58891

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFDBA
300
#F9FC88
400
#F6FA48
500
#F3F807
600
#C2C606
700
#9B9F05
800
#797C04
900
#585A07
950
#383905

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.48:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026