#F0AE0F

#F0AE0F

Color Values

HEX

#F0AE0F

RGB

240, 174, 15

HSL

42.4, 88.2%, 50.0%

HSV

42.4, 93.8%, 94.1%

CMYK

0.0%, 27.5%, 93.8%, 5.9%

OKLCH

0.7922 0.1616 80.7

Properties

Warm Light Nearest: darkgoldenrod 2

Color Harmonies

Complementary

#F0AE0F

#0F51F0

Analogous

#F03E0F

#C1F00F

#F0AE0F

Triadic

#F0AE0F

#0FF0AE

#AE0FF0

Split Complementary

#F0AE0F

#0FC1F0

#3E0FF0

Tetradic

#F0AE0F

#0FF03E

#0F51F0

#F00FC1

Color Blindness Simulation

Original

#F0AE0F

Protanopia

#D3D335

Deuteranopia

#D7DC3F

Tritanopia

#ED545B

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FBF3E0
200
#FBE8BC
300
#F8D88C
400
#F4C34D
500
#F0AE0F
600
#C08B0C
700
#9A6F0A
800
#785708
900
#57400A
950
#372906

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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