#BD6096

#BD6096

Color Values

HEX

#BD6096

RGB

189, 96, 150

HSL

325.2, 41.3%, 55.9%

HSV

325.2, 49.2%, 74.1%

CMYK

0.0%, 49.2%, 20.6%, 25.9%

OKLCH

0.6156 0.1353 345.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BD6096

#60BD87

Analogous

#B660BD

#BD6068

#BD6096

Triadic

#BD6096

#96BD60

#6096BD

Split Complementary

#BD6096

#68BD60

#60BDB6

Tetradic

#BD6096

#BDB660

#60BD87

#6068BD

Color Blindness Simulation

Original

#BD6096

Protanopia

#959489

Deuteranopia

#9AA186

Tritanopia

#B87F7C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C6
400
#C87AA7
500
#B44B88
600
#903C6D
700
#733057
800
#5A2544
900
#421E33
950
#2A1320

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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