#FBAF46

#FBAF46

Color Values

HEX

#FBAF46

RGB

251, 175, 70

HSL

34.8, 95.8%, 62.9%

HSV

34.8, 72.1%, 98.4%

CMYK

0.0%, 30.3%, 72.1%, 1.6%

OKLCH

0.809 0.1467 71.3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FBAF46

#4692FB

Analogous

#FB5446

#EDFB46

#FBAF46

Triadic

#FBAF46

#46FBAF

#AF46FB

Split Complementary

#FBAF46

#46EDFB

#5446FB

Tetradic

#FBAF46

#46FB54

#4692FB

#FB46ED

Color Blindness Simulation

Original

#FBAF46

Protanopia

#DAD95F

Deuteranopia

#DEE466

Tritanopia

#F77378

Achromatopsia

#B8B8B8

CSS Usage

background-color: #FBAF46;
color: #FBAF46;
border-color: #FBAF46;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FEE1B9
300
#FCCB87
400
#FBAF46
500
#FA9305
600
#C87604
700
#A05E03
800
#7D4A03
900
#5A3707
950
#392304

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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