#8B2157

#8B2157

Color Values

HEX

#8B2157

RGB

139, 33, 87

HSL

329.4, 61.6%, 33.7%

HSV

329.4, 76.3%, 54.5%

CMYK

0.0%, 76.3%, 37.4%, 45.5%

OKLCH

0.437 0.1492 354.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#8B2157

#218B55

Analogous

#8A218B

#8B2122

#8B2157

Triadic

#8B2157

#578B21

#21578B

Split Complementary

#8B2157

#228B21

#218B8A

Tetradic

#8B2157

#8B8A21

#218B55

#21228B

Color Blindness Simulation

Original

#8B2157

Protanopia

#5D5C4A

Deuteranopia

#636B47

Tritanopia

#86403D

Achromatopsia

#3B3B3B

CSS Usage

background-color: #8B2157;
color: #8B2157;
border-color: #8B2157;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C5DC
300
#E79CC3
400
#DB67A2
500
#CE3181
600
#A52767
700
#841F53
800
#671841
900
#4B1631
950
#300E1F

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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