#B71C56

#B71C56

Color Values

HEX

#B71C56

RGB

183, 28, 86

HSL

337.5, 73.5%, 41.4%

HSV

337.5, 84.7%, 71.8%

CMYK

0.0%, 84.7%, 53.0%, 28.2%

OKLCH

0.5119 0.1893 5.9

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#B71C56

#1CB77D

Analogous

#B71CA4

#B72F1C

#B71C56

Triadic

#B71C56

#56B71C

#1C56B7

Split Complementary

#B71C56

#1CB72F

#1CA4B7

Tetradic

#B71C56

#A4B71C

#1CB77D

#2F1CB7

Color Blindness Simulation

Original

#B71C56

Protanopia

#747348

Deuteranopia

#7D8845

Tritanopia

#AF3D3A

Achromatopsia

#414141

CSS Usage

background-color: #B71C56;
color: #B71C56;
border-color: #B71C56;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F6
100
#F8E2EA
200
#F6C1D5
300
#EF95B7
400
#E65B8F
500
#DD2268
600
#B11B53
700
#8E1643
800
#6F1134
900
#501028
950
#330A1A

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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