#F1B551

#F1B551

Color Values

HEX

#F1B551

RGB

241, 181, 81

HSL

37.5, 85.1%, 63.1%

HSV

37.5, 66.4%, 94.5%

CMYK

0.0%, 24.9%, 66.4%, 5.5%

OKLCH

0.8103 0.1346 77.5

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F1B551

#518DF1

Analogous

#F16551

#DDF151

#F1B551

Triadic

#F1B551

#51F1B5

#B551F1

Split Complementary

#F1B551

#51DDF1

#6551F1

Tetradic

#F1B551

#51F165

#518DF1

#F151DD

Color Blindness Simulation

Original

#F1B551

Protanopia

#D7D669

Deuteranopia

#DADF6F

Tritanopia

#EE7C80

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE3BD
300
#F6CF8E
400
#F1B550
500
#EC9B13
600
#BD7C0F
700
#97630C
800
#764D09
900
#563A0B
950
#362407

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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