#BC90A9

#BC90A9

Color Values

HEX

#BC90A9

RGB

188, 144, 169

HSL

325,9, 24,7%, 65,1%

HSV

325,9, 23,4%, 73,7%

CMYK

0,0%, 23,4%, 10,1%, 26,3%

OKLCH

0,7025 0,0627 343,8

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BC90A9

#90BCA3

Analogous

#B990BC

#BC9093

#BC90A9

Triadic

#BC90A9

#A9BC90

#90A9BC

Split Complementary

#BC90A9

#93BC90

#90BCB9

Tetradic

#BC90A9

#BCB990

#90BCA3

#9093BC

Color Blindness Simulation

Original

#BC90A9

Protanopia

#A9A9A3

Deuteranopia

#ACAFA2

Tritanopia

#BA9E9D

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DD
300
#D1B3C4
400
#B889A4
500
#9F6084
600
#7F4D69
700
#663D54
800
#4F3042
900
#3B2632
950
#251820

Contrast Checker

Text on white

2,73:1

AA Fail AAA Fail

Text on black

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