#F0B50F

#F0B50F

Color Values

HEX

#F0B50F

RGB

240, 181, 15

HSL

44.3, 88.2%, 50.0%

HSV

44.3, 93.8%, 94.1%

CMYK

0.0%, 24.6%, 93.8%, 5.9%

OKLCH

0.8056 0.1631 84.5

Properties

Warm Light Nearest: goldenrod 2

Color Harmonies

Complementary

#F0B50F

#0F4AF0

Analogous

#F0450F

#BAF00F

#F0B50F

Triadic

#F0B50F

#0FF0B5

#B50FF0

Split Complementary

#F0B50F

#0FBAF0

#450FF0

Tetradic

#F0B50F

#0FF045

#0F4AF0

#F00FBA

Color Blindness Simulation

Original

#F0B50F

Protanopia

#D6D637

Deuteranopia

#DADE41

Tritanopia

#ED575E

Achromatopsia

#B6B6B6

CSS Usage

background-color: #F0B50F;
color: #F0B50F;
border-color: #F0B50F;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFAF2
100
#FBF4E0
200
#FBEABC
300
#F8DC8C
400
#F4C84D
500
#F0B50F
600
#C0910C
700
#9A740A
800
#785B08
900
#57430A
950
#372A06

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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