#F0BE52

#F0BE52

Color Values

HEX

#F0BE52

RGB

240, 190, 82

HSL

41.0, 84.0%, 63.1%

HSV

41.0, 65.8%, 94.1%

CMYK

0.0%, 20.8%, 65.8%, 5.9%

OKLCH

0.8266 0.1362 83.8

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F0BE52

#5284F0

Analogous

#F06F52

#D3F052

#F0BE52

Triadic

#F0BE52

#52F0BE

#BE52F0

Split Complementary

#F0BE52

#52D3F0

#6F52F0

Tetradic

#F0BE52

#52F06F

#5284F0

#F052D3

Color Blindness Simulation

Original

#F0BE52

Protanopia

#DADA6C

Deuteranopia

#DDE172

Tritanopia

#EE8185

Achromatopsia

#C1C1C1

CSS Usage

background-color: #F0BE52;
color: #F0BE52;
border-color: #F0BE52;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDF9F2
100
#FAF2E0
200
#F9E6BD
300
#F5D58E
400
#F0BE51
500
#EBA714
600
#BC8510
700
#966B0D
800
#75530A
900
#553E0C
950
#362707

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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