#B96993

#B96993

Color Values

HEX

#B96993

RGB

185, 105, 147

HSL

328.5, 36.4%, 56.9%

HSV

328.5, 43.2%, 72.5%

CMYK

0.0%, 43.2%, 20.5%, 27.5%

OKLCH

0.6233 0.1142 348.2

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#B96993

#69B98F

Analogous

#B769B9

#B9696B

#B96993

Triadic

#B96993

#93B969

#6993B9

Split Complementary

#B96993

#6BB969

#69B9B7

Tetradic

#B96993

#B9B769

#69B98F

#696BB9

Color Blindness Simulation

Original

#B96993

Protanopia

#969689

Deuteranopia

#9BA186

Tritanopia

#B5817F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #B96993;
color: #B96993;
border-color: #B96993;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F7
100
#F3E8ED
200
#E8CEDC
300
#D8ACC3
400
#C37EA2
500
#AE5182
600
#8B4168
700
#6F3453
800
#572941
900
#402131
950
#29151F

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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