#BC9183

#BC9183

Color Values

HEX

#BC9183

RGB

188, 145, 131

HSL

14.7, 29.8%, 62.5%

HSV

14.7, 30.3%, 73.7%

CMYK

0.0%, 22.9%, 30.3%, 26.3%

OKLCH

0.6935 0.0562 38.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BC9183

#83AEBC

Analogous

#BC8391

#BCAD83

#BC9183

Triadic

#BC9183

#83BC91

#9183BC

Split Complementary

#BC9183

#83BCAD

#8391BC

Tetradic

#BC9183

#91BC83

#83AEBC

#AD83BC

Color Blindness Simulation

Original

#BC9183

Protanopia

#A9A986

Deuteranopia

#ACAF87

Tritanopia

#BA898A

Achromatopsia

#999999

CSS Usage

background-color: #BC9183;
color: #BC9183;
border-color: #BC9183;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F5
100
#F2EBE9
200
#E6D6D1
300
#D4B8B0
400
#BD9285
500
#A56C5A
600
#845648
700
#6A4539
800
#53362D
900
#3D2A23
950
#271A16

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026