#F0B152

#F0B152

Color Values

HEX

#F0B152

RGB

240, 177, 82

HSL

36.1, 84.0%, 63.1%

HSV

36.1, 65.8%, 94.1%

CMYK

0.0%, 26.2%, 65.8%, 5.9%

OKLCH

0.8018 0.1327 74.9

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F0B152

#5291F0

Analogous

#F06252

#E0F052

#F0B152

Triadic

#F0B152

#52F0B1

#B152F0

Split Complementary

#F0B152

#52E0F0

#6252F0

Tetradic

#F0B152

#52F062

#5291F0

#F052E0

Color Blindness Simulation

Original

#F0B152

Protanopia

#D5D469

Deuteranopia

#D8DD6E

Tritanopia

#ED7B7F

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#F9E1BD
300
#F5CC8E
400
#F0B151
500
#EB9514
600
#BC7710
700
#96600D
800
#754B0A
900
#55380C
950
#362307

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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