#BD4071

#BD4071

Color Values

HEX

#BD4071

RGB

189, 64, 113

HSL

336.5, 49.4%, 49.6%

HSV

336.5, 66.1%, 74.1%

CMYK

0.0%, 66.1%, 40.2%, 25.9%

OKLCH

0.5609 0.1656 359.8

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BD4071

#40BD8C

Analogous

#BD40AF

#BD4E40

#BD4071

Triadic

#BD4071

#71BD40

#4071BD

Split Complementary

#BD4071

#40BD4E

#40AFBD

Tetradic

#BD4071

#AFBD40

#40BD8C

#4E40BD

Color Blindness Simulation

Original

#BD4071

Protanopia

#878665

Deuteranopia

#8E9762

Tritanopia

#B75C5A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BD4071;
color: #BD4071;
border-color: #BD4071;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD7
300
#E0A4BB
400
#CF7297
500
#BE4172
600
#98345B
700
#7A2949
800
#5F2039
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

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