#F0B452

#F0B452

Color Values

HEX

#F0B452

RGB

240, 180, 82

HSL

37.2, 84.0%, 63.1%

HSV

37.2, 65.8%, 94.1%

CMYK

0.0%, 25.0%, 65.8%, 5.9%

OKLCH

0.8075 0.1332 77.0

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F0B452

#528EF0

Analogous

#F06552

#DDF052

#F0B452

Triadic

#F0B452

#52F0B4

#B452F0

Split Complementary

#F0B452

#52DDF0

#6552F0

Tetradic

#F0B452

#52F065

#528EF0

#F052DD

Color Blindness Simulation

Original

#F0B452

Protanopia

#D6D56A

Deuteranopia

#DADE6F

Tritanopia

#ED7C81

Achromatopsia

#BABABA

CSS Usage

background-color: #F0B452;
color: #F0B452;
border-color: #F0B452;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#F9E2BD
300
#F5CE8E
400
#F0B451
500
#EB9914
600
#BC7B10
700
#96620D
800
#754D0A
900
#55390C
950
#362407

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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