#B46418

#B46418

Color Values

HEX

#B46418

RGB

180, 100, 24

HSL

29.2, 76.5%, 40.0%

HSV

29.2, 86.7%, 70.6%

CMYK

0.0%, 44.4%, 86.7%, 29.4%

OKLCH

0.5838 0.1315 57.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46418

#1868B4

Analogous

#B4181A

#B4B218

#B46418

Triadic

#B46418

#18B464

#6418B4

Split Complementary

#B46418

#18B4B2

#181AB4

Tetradic

#B46418

#1AB418

#1868B4

#B218B4

Color Blindness Simulation

Original

#B46418

Protanopia

#91912A

Deuteranopia

#969C2F

Tritanopia

#B0393C

Achromatopsia

#707070

CSS Usage

background-color: #B46418;
color: #B46418;
border-color: #B46418;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F7DBC0
300
#F1C193
400
#E99F58
500
#E17D1E
600
#B46418
700
#905013
800
#713E0F
900
#52300F
950
#341E0A

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

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