#B46617

#B46617

Color Values

HEX

#B46617

RGB

180, 102, 23

HSL

30.2, 77.3%, 39.8%

HSV

30.2, 87.2%, 70.6%

CMYK

0.0%, 43.3%, 87.2%, 29.4%

OKLCH

0.5872 0.1308 59.0

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46617

#1765B4

Analogous

#B41817

#B3B417

#B46617

Triadic

#B46617

#17B466

#6617B4

Split Complementary

#B46617

#17B3B4

#1817B4

Tetradic

#B46617

#17B418

#1765B4

#B417B3

Color Blindness Simulation

Original

#B46617

Protanopia

#92922A

Deuteranopia

#979D2F

Tritanopia

#B0393D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBC0
300
#F1C292
400
#EAA158
500
#E2801D
600
#B56717
700
#915213
800
#71400E
900
#52310F
950
#341F09

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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