#F0BC52

#F0BC52

Color Values

HEX

#F0BC52

RGB

240, 188, 82

HSL

40,3, 84,0%, 63,1%

HSV

40,3, 65,8%, 94,1%

CMYK

0,0%, 21,7%, 65,8%, 5,9%

OKLCH

0,8228 0,1354 82,5

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F0BC52

#5286F0

Analogous

#F06D52

#D5F052

#F0BC52

Triadic

#F0BC52

#52F0BC

#BC52F0

Split Complementary

#F0BC52

#52D5F0

#6D52F0

Tetradic

#F0BC52

#52F06D

#5286F0

#F052D5

Color Blindness Simulation

Original

#F0BC52

Protanopia

#D9D96C

Deuteranopia

#DCE072

Tritanopia

#ED8084

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF2E0
200
#F9E6BD
300
#F5D38E
400
#F0BC51
500
#EBA414
600
#BC8310
700
#96690D
800
#75520A
900
#553D0C
950
#362707

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,02: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