#B23B71

#B23B71

Color Values

HEX

#B23B71

RGB

178, 59, 113

HSL

332.8, 50.2%, 46.5%

HSV

332.8, 66.9%, 69.8%

CMYK

0.0%, 66.9%, 36.5%, 30.2%

OKLCH

0.5379 0.1621 356.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B23B71

#3BB27C

Analogous

#B23BAD

#B2413B

#B23B71

Triadic

#B23B71

#71B23B

#3B71B2

Split Complementary

#B23B71

#3BB241

#3BADB2

Tetradic

#B23B71

#ADB23B

#3BB27C

#413BB2

Color Blindness Simulation

Original

#B23B71

Protanopia

#7E7D64

Deuteranopia

#858E61

Tritanopia

#AC5A57

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9DA
300
#E1A3BF
400
#D0719C
500
#C03F7A
600
#993361
700
#7B294E
800
#60203D
900
#461B2E
950
#2C111D

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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