#BCB189

#BCB189

Color Values

HEX

#BCB189

RGB

188, 177, 137

HSL

47.1, 27.6%, 63.7%

HSV

47.1, 27.1%, 73.7%

CMYK

0.0%, 5.9%, 27.1%, 26.3%

OKLCH

0.7594 0.0557 94.5

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#BCB189

#8994BC

Analogous

#BC9789

#ADBC89

#BCB189

Triadic

#BCB189

#89BCB1

#B189BC

Split Complementary

#BCB189

#89ADBC

#9789BC

Tetradic

#BCB189

#89BC97

#8994BC

#BC89AD

Color Blindness Simulation

Original

#BCB189

Protanopia

#B7B793

Deuteranopia

#B8B995

Tritanopia

#BB9A9C

Achromatopsia

#B0B0B0

CSS Usage

background-color: #BCB189;
color: #BCB189;
border-color: #BCB189;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F8F6
100
#F1F0E9
200
#E5E1D1
300
#D3CBB1
400
#BBAF87
500
#A3945C
600
#82764A
700
#685E3B
800
#514A2E
900
#3C3724
950
#262317

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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