#B16713

#B16713

Color Values

HEX

#B16713

RGB

177, 103, 19

HSL

31.9, 80.6%, 38.4%

HSV

31.9, 89.3%, 69.4%

CMYK

0.0%, 41.8%, 89.3%, 30.6%

OKLCH

0.5847 0.1289 61.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B16713

#135DB1

Analogous

#B11813

#ACB113

#B16713

Triadic

#B16713

#13B167

#6713B1

Split Complementary

#B16713

#13ACB1

#1813B1

Tetradic

#B16713

#13B118

#135DB1

#B113AC

Color Blindness Simulation

Original

#B16713

Protanopia

#919027

Deuteranopia

#959B2C

Tritanopia

#AD373B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#F9EEE1
200
#F8DDBF
300
#F3C590
400
#EDA555
500
#E68619
600
#B86B14
700
#935610
800
#73430C
900
#54330D
950
#352008

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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