#B46817

#B46817

Color Values

HEX

#B46817

RGB

180, 104, 23

HSL

31.0, 77.3%, 39.8%

HSV

31.0, 87.2%, 70.6%

CMYK

0.0%, 42.2%, 87.2%, 29.4%

OKLCH

0.5908 0.1299 60.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46817

#1763B4

Analogous

#B41A17

#B1B417

#B46817

Triadic

#B46817

#17B468

#6817B4

Split Complementary

#B46817

#17B1B4

#1A17B4

Tetradic

#B46817

#17B41A

#1763B4

#B417B1

Color Blindness Simulation

Original

#B46817

Protanopia

#93922B

Deuteranopia

#989D2F

Tritanopia

#B03A3D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE1
200
#F7DCC0
300
#F1C392
400
#EAA358
500
#E2831D
600
#B56917
700
#915413
800
#71410E
900
#52320F
950
#341F09

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026