#80335D

#80335D

Color Values

HEX

#80335D

RGB

128, 51, 93

HSL

327.3, 43.0%, 35.1%

HSV

327.3, 60.2%, 50.2%

CMYK

0.0%, 60.2%, 27.3%, 49.8%

OKLCH

0.4417 0.1173 349.1

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#80335D

#338056

Analogous

#7D3380

#803336

#80335D

Triadic

#80335D

#5D8033

#335D80

Split Complementary

#80335D

#368033

#33807D

Tetradic

#80335D

#807D33

#338056

#333680

Color Blindness Simulation

Original

#80335D

Protanopia

#5F5E53

Deuteranopia

#636950

Tritanopia

#7C4B49

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EBCCDD
300
#DCA7C4
400
#C978A4
500
#B64984
600
#923A6A
700
#752F55
800
#5B2442
900
#431E32
950
#2A1320

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026