#BB84A2

#BB84A2

Color Values

HEX

#BB84A2

RGB

187, 132, 162

HSL

327.3, 28.8%, 62.5%

HSV

327.3, 29.4%, 73.3%

CMYK

0.0%, 29.4%, 13.4%, 26.7%

OKLCH

0.677 0.0782 345.5

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BB84A2

#84BB9D

Analogous

#B884BB

#BB8486

#BB84A2

Triadic

#BB84A2

#A2BB84

#84A2BB

Split Complementary

#BB84A2

#86BB84

#84BBB8

Tetradic

#BB84A2

#BBB884

#84BB9D

#8486BB

Color Blindness Simulation

Original

#BB84A2

Protanopia

#A3A39B

Deuteranopia

#A6AA99

Tritanopia

#B89594

Achromatopsia

#929292

CSS Usage

background-color: #BB84A2;
color: #BB84A2;
border-color: #BB84A2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DC
300
#D3B0C3
400
#BC85A3
500
#A45B83
600
#834969
700
#693A54
800
#522D41
900
#3D2432
950
#27171F

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.94:1

AA Pass AAA Fail

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