#BC93AB

#BC93AB

Color Values

HEX

#BC93AB

RGB

188, 147, 171

HSL

324.9, 23.4%, 65.7%

HSV

324.9, 21.8%, 73.7%

CMYK

0.0%, 21.8%, 9.0%, 26.3%

OKLCH

0.7088 0.0588 342.7

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BC93AB

#93BCA4

Analogous

#B993BC

#BC9397

#BC93AB

Triadic

#BC93AB

#ABBC93

#93ABBC

Split Complementary

#BC93AB

#97BC93

#93BCB9

Tetradic

#BC93AB

#BCB993

#93BCA4

#9397BC

Color Blindness Simulation

Original

#BC93AB

Protanopia

#AAAAA5

Deuteranopia

#ADB0A4

Tritanopia

#BAA1A0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DD
300
#D0B3C4
400
#B78BA4
500
#9D6285
600
#7E4E6A
700
#653F55
800
#4F3142
900
#3B2632
950
#251820

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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