#BCA7AC

#BCA7AC

Color Values

HEX

#BCA7AC

RGB

188, 167, 172

HSL

345.7, 13.5%, 69.6%

HSV

345.7, 11.2%, 73.7%

CMYK

0.0%, 11.2%, 8.5%, 26.3%

OKLCH

0.748 0.0253 1.6

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#BCA7AC

#A7BCB7

Analogous

#BCA7B6

#BCACA7

#BCA7AC

Triadic

#BCA7AC

#ACBCA7

#A7ACBC

Split Complementary

#BCA7AC

#A7BCAC

#A7B6BC

Tetradic

#BCA7AC

#B6BCA7

#A7BCB7

#ACA7BC

Color Blindness Simulation

Original

#BCA7AC

Protanopia

#B3B3AB

Deuteranopia

#B4B6AA

Tritanopia

#BBAAAA

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D6D9
300
#CABABD
400
#AD949A
500
#916E76
600
#74585F
700
#5D474C
800
#48373B
900
#362B2D
950
#221B1D

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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