#822DC2

#822DC2

Color Values

HEX

#822DC2

RGB

130, 45, 194

HSL

274.2, 62.3%, 46.9%

HSV

274.2, 76.8%, 76.1%

CMYK

33.0%, 76.8%, 0.0%, 23.9%

OKLCH

0.4995 0.2169 305.6

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#822DC2

#6DC22D

Analogous

#382DC2

#C22DB8

#822DC2

Triadic

#822DC2

#C2822D

#2DC282

Split Complementary

#822DC2

#B8C22D

#2DC238

Tetradic

#822DC2

#C2382D

#6DC22D

#2DB8C2

Color Blindness Simulation

Original

#822DC2

Protanopia

#5D5C9E

Deuteranopia

#626895

Tritanopia

#7E817B

Achromatopsia

#4A4A4A

CSS Usage

background-color: #822DC2;
color: #822DC2;
border-color: #822DC2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C79CE8
400
#A966DB
500
#8B30CF
600
#6F26A6
700
#591F84
800
#451867
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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