#B980AC

#B980AC

Color Values

HEX

#B980AC

RGB

185, 128, 172

HSL

313.7, 28.9%, 61.4%

HSV

313.7, 30.8%, 72.5%

CMYK

0.0%, 30.8%, 7.0%, 27.5%

OKLCH

0.6713 0.0916 335.1

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B980AC

#80B98D

Analogous

#AA80B9

#B98090

#B980AC

Triadic

#B980AC

#ACB980

#80ACB9

Split Complementary

#B980AC

#90B980

#80B9AA

Tetradic

#B980AC

#B9AA80

#80B98D

#8090B9

Color Blindness Simulation

Original

#B980AC

Protanopia

#A0A0A1

Deuteranopia

#A4A89F

Tritanopia

#B69997

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9F0
200
#E6D1E1
300
#D3B0CB
400
#BC85AF
500
#A45B94
600
#834976
700
#693A5E
800
#522D4A
900
#3D2437
950
#271723

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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