#802157

#802157

Color Values

HEX

#802157

RGB

128, 33, 87

HSL

325.9, 59.0%, 31.6%

HSV

325.9, 74.2%, 50.2%

CMYK

0.0%, 74.2%, 32.0%, 49.8%

OKLCH

0.4178 0.1402 350.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#802157

#21804A

Analogous

#7A2180

#802128

#802157

Triadic

#802157

#578021

#215780

Split Complementary

#802157

#288021

#21807A

Tetradic

#802157

#807A21

#21804A

#212880

Color Blindness Simulation

Original

#802157

Protanopia

#57564A

Deuteranopia

#5C6447

Tritanopia

#7B403D

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DE
300
#E69EC7
400
#D869A8
500
#CB348A
600
#A22A6E
700
#822158
800
#651A45
900
#4A1734
950
#2F0E21

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

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