#F0C60F

#F0C60F

Color Values

HEX

#F0C60F

RGB

240, 198, 15

HSL

48.8, 88.2%, 50.0%

HSV

48.8, 93.8%, 94.1%

CMYK

0.0%, 17.5%, 93.8%, 5.9%

OKLCH

0.8388 0.1698 93.1

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F0C60F

#0F39F0

Analogous

#F0560F

#A9F00F

#F0C60F

Triadic

#F0C60F

#0FF0C6

#C60FF0

Split Complementary

#F0C60F

#0FA9F0

#560FF0

Tetradic

#F0C60F

#0FF056

#0F39F0

#F00FA9

Color Blindness Simulation

Original

#F0C60F

Protanopia

#DEDD3B

Deuteranopia

#E0E346

Tritanopia

#EE5E66

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF6E0
200
#FBEFBC
300
#F8E48C
400
#F4D54D
500
#F0C60F
600
#C09E0C
700
#9A7F0A
800
#786308
900
#57490A
950
#372E06

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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