#BC99AB

#BC99AB

Color Values

HEX

#BC99AB

RGB

188, 153, 171

HSL

329,1, 20,7%, 66,9%

HSV

329,1, 18,6%, 73,7%

CMYK

0,0%, 18,6%, 9,0%, 26,3%

OKLCH

0,7202 0,0481 346,0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BC99AB

#99BCAA

Analogous

#BC99BC

#BC999A

#BC99AB

Triadic

#BC99AB

#ABBC99

#99ABBC

Split Complementary

#BC99AB

#9ABC99

#99BCBC

Tetradic

#BC99AB

#BCBC99

#99BCAA

#999ABC

Color Blindness Simulation

Original

#BC99AB

Protanopia

#ADADA7

Deuteranopia

#AFB2A6

Tritanopia

#BAA3A2

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E3D4DC
300
#CEB5C2
400
#B48DA1
500
#9A6580
600
#7B5167
700
#624152
800
#4D3340
900
#392731
950
#24191F

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026