#B43B7F

#B43B7F

Color Values

HEX

#B43B7F

RGB

180, 59, 127

HSL

326.3, 50.6%, 46.9%

HSV

326.3, 67.2%, 70.6%

CMYK

0.0%, 67.2%, 29.4%, 29.4%

OKLCH

0.5462 0.1705 349.5

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#B43B7F

#3BB470

Analogous

#AD3BB4

#B43B43

#B43B7F

Triadic

#B43B7F

#7FB43B

#3B7FB4

Split Complementary

#B43B7F

#43B43B

#3BB4AD

Tetradic

#B43B7F

#B4AD3B

#3BB470

#3B43B4

Color Blindness Simulation

Original

#B43B7F

Protanopia

#807F6F

Deuteranopia

#87906B

Tritanopia

#AE625F

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EDC9DE
300
#E1A3C6
400
#D071A7
500
#C03F87
600
#9A326C
700
#7B2857
800
#601F44
900
#471A33
950
#2D1120

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026