#F0C40F

#F0C40F

Color Values

HEX

#F0C40F

RGB

240, 196, 15

HSL

48.3, 88.2%, 50.0%

HSV

48.3, 93.8%, 94.1%

CMYK

0.0%, 18.3%, 93.8%, 5.9%

OKLCH

0.8348 0.1688 92.2

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#F0C40F

#0F3BF0

Analogous

#F0540F

#ABF00F

#F0C40F

Triadic

#F0C40F

#0FF0C4

#C40FF0

Split Complementary

#F0C40F

#0FABF0

#540FF0

Tetradic

#F0C40F

#0FF054

#0F3BF0

#F00FAB

Color Blindness Simulation

Original

#F0C40F

Protanopia

#DDDD3B

Deuteranopia

#E0E345

Tritanopia

#EE5D65

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEFBC
300
#F8E38C
400
#F4D34D
500
#F0C40F
600
#C09D0C
700
#9A7E0A
800
#786208
900
#57480A
950
#372D06

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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