#BD6C2C

#BD6C2C

Color Values

HEX

#BD6C2C

RGB

189, 108, 44

HSL

26.5, 62.2%, 45.7%

HSV

26.5, 76.7%, 74.1%

CMYK

0.0%, 42.9%, 76.7%, 25.9%

OKLCH

0.6113 0.1282 55.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BD6C2C

#2C7DBD

Analogous

#BD2C35

#BDB52C

#BD6C2C

Triadic

#BD6C2C

#2CBD6C

#6C2CBD

Split Complementary

#BD6C2C

#2CBDB5

#2C35BD

Tetradic

#BD6C2C

#35BD2C

#2C7DBD

#B52CBD

Color Blindness Simulation

Original

#BD6C2C

Protanopia

#9A993B

Deuteranopia

#9FA53F

Tritanopia

#B9484A

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F2D9C5
300
#E8BD9C
400
#DB9A66
500
#CF7630
600
#A55F27
700
#844C1F
800
#673B18
900
#4C2D15
950
#301D0D

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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