#BC9163

#BC9163

Color Values

HEX

#BC9163

RGB

188, 145, 99

HSL

31,0, 39,9%, 56,3%

HSV

31,0, 47,3%, 73,7%

CMYK

0,0%, 22,9%, 47,3%, 26,3%

OKLCH

0,6868 0,0808 67,7

Properties

Warm Light Nearest: Antique Brass

Color Harmonies

Complementary

#BC9163

#638EBC

Analogous

#BC6563

#BBBC63

#BC9163

Triadic

#BC9163

#63BC91

#9163BC

Split Complementary

#BC9163

#63BBBC

#6563BC

Tetradic

#BC9163

#63BC65

#638EBC

#BC63BB

Color Blindness Simulation

Original

#BC9163

Protanopia

#A9A96E

Deuteranopia

#ACAF71

Tritanopia

#BA7779

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DAC3A9
400
#C6A27B
500
#B2814D
600
#8F673D
700
#725331
800
#594126
900
#42311F
950
#2A1F14

Contrast Checker

Text on white

2,85:1

AA Fail AAA Fail

Text on black

7,37:1

AA Pass AAA Pass

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