#822778

#822778

Color Values

HEX

#822778

RGB

130, 39, 120

HSL

306.6, 53.8%, 33.1%

HSV

306.6, 70.0%, 51.0%

CMYK

0.0%, 70.0%, 7.7%, 49.0%

OKLCH

0.4433 0.1566 332.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#822778

#278231

Analogous

#5E2782

#82274A

#822778

Triadic

#822778

#788227

#277882

Split Complementary

#822778

#4A8227

#27825E

Tetradic

#822778

#825E27

#278231

#274A82

Color Blindness Simulation

Original

#822778

Protanopia

#5B5A64

Deuteranopia

#606760

Tritanopia

#7D5552

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EA
300
#E3A1DB
400
#D36EC8
500
#C43BB5
600
#9D2F91
700
#7E2674
800
#621D5B
900
#481943
950
#2D102A

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

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