#802C76

#802C76

Color Values

HEX

#802C76

RGB

128, 44, 118

HSL

307,1, 48,8%, 33,7%

HSV

307,1, 65,6%, 50,2%

CMYK

0,0%, 65,6%, 7,8%, 49,8%

OKLCH

0,4445 0,1468 332,8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#802C76

#2C8036

Analogous

#602C80

#802C4C

#802C76

Triadic

#802C76

#76802C

#2C7680

Split Complementary

#802C76

#4C802C

#2C8060

Tetradic

#802C76

#80602C

#2C8036

#2C4C80

Color Blindness Simulation

Original

#802C76

Protanopia

#5C5B64

Deuteranopia

#606760

Tritanopia

#7C5653

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A4D9
400
#CF73C4
500
#BE41AF
600
#98348C
700
#792A70
800
#5F2157
900
#461B41
950
#2C1129

Contrast Checker

Text on white

8,27:1

AA Pass AAA Pass

Text on black

2,54: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