#BD4288

#BD4288

Color Values

HEX

#BD4288

RGB

189, 66, 136

HSL

325.9, 48.2%, 50.0%

HSV

325.9, 65.1%, 74.1%

CMYK

0.0%, 65.1%, 28.0%, 25.9%

OKLCH

0.5712 0.1733 348.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BD4288

#42BD77

Analogous

#B542BD

#BD424A

#BD4288

Triadic

#BD4288

#88BD42

#4288BD

Split Complementary

#BD4288

#4ABD42

#42BDB5

Tetradic

#BD4288

#BDB542

#42BD77

#424ABD

Color Blindness Simulation

Original

#BD4288

Protanopia

#888777

Deuteranopia

#8F9873

Tritanopia

#B76A67

Achromatopsia

#616161

CSS Usage

background-color: #BD4288;
color: #BD4288;
border-color: #BD4288;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EDCADE
300
#DFA4C6
400
#CE73A7
500
#BD4288
600
#97356D
700
#792A57
800
#5E2144
900
#451B33
950
#2C1120

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail 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