#B46710

#B46710

Color Values

HEX

#B46710

RGB

180, 103, 16

HSL

31.8, 83.7%, 38.4%

HSV

31.8, 91.1%, 70.6%

CMYK

0.0%, 42.8%, 91.1%, 29.4%

OKLCH

0.5887 0.1322 60.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46710

#105DB4

Analogous

#B41510

#AFB410

#B46710

Triadic

#B46710

#10B467

#6710B4

Split Complementary

#B46710

#10AFB4

#1510B4

Tetradic

#B46710

#10B415

#105DB4

#B410AF

Color Blindness Simulation

Original

#B46710

Protanopia

#939225

Deuteranopia

#979D2A

Tritanopia

#B03639

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DDBD
300
#F5C58F
400
#F0A552
500
#EA8615
600
#BB6B11
700
#96560D
800
#75430A
900
#55330C
950
#362008

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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