#F0C10F

#F0C10F

Color Values

HEX

#F0C10F

RGB

240, 193, 15

HSL

47.5, 88.2%, 50.0%

HSV

47.5, 93.8%, 94.1%

CMYK

0.0%, 19.6%, 93.8%, 5.9%

OKLCH

0.8289 0.1674 90.7

Properties

Warm Light Nearest: NCS S 1060-Y Deep Yellow

Color Harmonies

Complementary

#F0C10F

#0F3EF0

Analogous

#F0510F

#AEF00F

#F0C10F

Triadic

#F0C10F

#0FF0C1

#C10FF0

Split Complementary

#F0C10F

#0FAEF0

#510FF0

Tetradic

#F0C10F

#0FF051

#0F3EF0

#F00FAE

Color Blindness Simulation

Original

#F0C10F

Protanopia

#DCDB3A

Deuteranopia

#DEE244

Tritanopia

#EE5C64

Achromatopsia

#BEBEBE

CSS Usage

background-color: #F0C10F;
color: #F0C10F;
border-color: #F0C10F;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEEBC
300
#F8E18C
400
#F4D14D
500
#F0C10F
600
#C09A0C
700
#9A7C0A
800
#786108
900
#57470A
950
#372D06

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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