#BC9CA2

#BC9CA2

Color Values

HEX

#BC9CA2

RGB

188, 156, 162

HSL

348.8, 19.3%, 67.5%

HSV

348.8, 17.0%, 73.7%

CMYK

0.0%, 17.0%, 13.8%, 26.3%

OKLCH

0.7233 0.0388 5.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BC9CA2

#9CBCB6

Analogous

#BC9CB2

#BCA69C

#BC9CA2

Triadic

#BC9CA2

#A2BC9C

#9CA2BC

Split Complementary

#BC9CA2

#9CBCA6

#9CB2BC

Tetradic

#BC9CA2

#B2BC9C

#9CBCB6

#A69CBC

Color Blindness Simulation

Original

#BC9CA2

Protanopia

#AEAEA1

Deuteranopia

#B0B2A0

Tritanopia

#BA9F9F

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEB
200
#E2D4D7
300
#CEB6BA
400
#B38E95
500
#986770
600
#7A525A
700
#614248
800
#4C3338
900
#39282B
950
#24191B

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026