#802C86

#802C86

Color Values

HEX

#802C86

RGB

128, 44, 134

HSL

296.0, 50.6%, 34.9%

HSV

296.0, 67.2%, 52.5%

CMYK

4.5%, 67.2%, 0.0%, 47.5%

OKLCH

0.4536 0.1607 325.0

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#802C86

#32862C

Analogous

#532C86

#862C5F

#802C86

Triadic

#802C86

#86802C

#2C8680

Split Complementary

#802C86

#5F862C

#2C8653

Tetradic

#802C86

#86532C

#32862C

#2C5F86

Color Blindness Simulation

Original

#802C86

Protanopia

#5C5B70

Deuteranopia

#60676B

Tritanopia

#7C5F5B

Achromatopsia

#444444

CSS Usage

background-color: #802C86;
color: #802C86;
border-color: #802C86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9ED
300
#DDA3E1
400
#CA71D0
500
#B73FC0
600
#93329A
700
#75287B
800
#5C1F60
900
#441A47
950
#2B112D

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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