#BC8B5F

#BC8B5F

Color Values

HEX

#BC8B5F

RGB

188, 139, 95

HSL

28.4, 41.0%, 55.5%

HSV

28.4, 49.5%, 73.7%

CMYK

0.0%, 26.1%, 49.5%, 26.3%

OKLCH

0.6743 0.0844 62.6

Properties

Warm Light Nearest: Antique Brass

Color Harmonies

Complementary

#BC8B5F

#5F90BC

Analogous

#BC5F61

#BCBA5F

#BC8B5F

Triadic

#BC8B5F

#5FBC8B

#8B5FBC

Split Complementary

#BC8B5F

#5FBCBA

#5F61BC

Tetradic

#BC8B5F

#61BC5F

#5F90BC

#BA5FBC

Color Blindness Simulation

Original

#BC8B5F

Protanopia

#A7A66A

Deuteranopia

#AAAD6C

Tritanopia

#BA7274

Achromatopsia

#929292

CSS Usage

background-color: #BC8B5F;
color: #BC8B5F;
border-color: #BC8B5F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCD
300
#DBC0A9
400
#C79F7A
500
#B47D4B
600
#90643C
700
#735030
800
#5A3E26
900
#422F1F
950
#2A1E13

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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