#B46618

#B46618

Color Values

HEX

#B46618

RGB

180, 102, 24

HSL

30.0, 76.5%, 40.0%

HSV

30.0, 86.7%, 70.6%

CMYK

0.0%, 43.3%, 86.7%, 29.4%

OKLCH

0.5873 0.1305 58.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46618

#1866B4

Analogous

#B41818

#B4B418

#B46618

Triadic

#B46618

#18B466

#6618B4

Split Complementary

#B46618

#18B4B4

#1818B4

Tetradic

#B46618

#18B418

#1866B4

#B418B4

Color Blindness Simulation

Original

#B46618

Protanopia

#92922B

Deuteranopia

#979D2F

Tritanopia

#B03A3D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F7DBC0
300
#F1C293
400
#E9A158
500
#E1801E
600
#B46618
700
#905213
800
#71400F
900
#52300F
950
#341F0A

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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