#B883B4

#B883B4

Color Values

HEX

#B883B4

RGB

184, 131, 180

HSL

304.5, 27.2%, 61.8%

HSV

304.5, 28.8%, 72.2%

CMYK

0.0%, 28.8%, 2.2%, 27.8%

OKLCH

0.6786 0.0929 329.1

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B883B4

#83B887

Analogous

#A283B8

#B8839A

#B883B4

Triadic

#B883B4

#B4B883

#83B4B8

Split Complementary

#B883B4

#9AB883

#83B8A2

Tetradic

#B883B4

#B8A283

#83B887

#839AB8

Color Blindness Simulation

Original

#B883B4

Protanopia

#A1A1A8

Deuteranopia

#A4A8A5

Tritanopia

#B59F9D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D2E4
300
#D2B1D0
400
#BA87B6
500
#A25D9D
600
#824A7E
700
#683B64
800
#512E4E
900
#3C253B
950
#261725

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026