#BC9CAC

#BC9CAC

Color Values

HEX

#BC9CAC

RGB

188, 156, 172

HSL

330.0, 19.3%, 67.5%

HSV

330.0, 17.0%, 73.7%

CMYK

0.0%, 17.0%, 8.5%, 26.3%

OKLCH

0.7263 0.0436 346.6

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BC9CAC

#9CBCAC

Analogous

#BC9CBC

#BC9C9C

#BC9CAC

Triadic

#BC9CAC

#ACBC9C

#9CACBC

Split Complementary

#BC9CAC

#9CBC9C

#9CBCBC

Tetradic

#BC9CAC

#BCBC9C

#9CBCAC

#9C9CBC

Color Blindness Simulation

Original

#BC9CAC

Protanopia

#AEAEA8

Deuteranopia

#B0B2A7

Tritanopia

#BAA5A4

Achromatopsia

#A4A4A4

CSS Usage

background-color: #BC9CAC;
color: #BC9CAC;
border-color: #BC9CAC;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D4DB
300
#CEB6C2
400
#B38EA1
500
#986780
600
#7A5266
700
#614252
800
#4C3340
900
#392830
950
#24191F

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026