#822EC4

#822EC4

Color Values

HEX

#822EC4

RGB

130, 46, 196

HSL

273.6, 62.0%, 47.5%

HSV

273.6, 76.5%, 76.9%

CMYK

33.7%, 76.5%, 0.0%, 23.1%

OKLCH

0.502 0.2178 305.0

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#822EC4

#70C42E

Analogous

#372EC4

#C42EBB

#822EC4

Triadic

#822EC4

#C4822E

#2EC482

Split Complementary

#822EC4

#BBC42E

#2EC437

Tetradic

#822EC4

#C4372E

#70C42E

#2EBBC4

Color Blindness Simulation

Original

#822EC4

Protanopia

#5E5DA0

Deuteranopia

#626997

Tritanopia

#7E837D

Achromatopsia

#4B4B4B

CSS Usage

background-color: #822EC4;
color: #822EC4;
border-color: #822EC4;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C69CE8
400
#A866DB
500
#8930CF
600
#6E27A5
700
#581F84
800
#441867
900
#34154B
950
#210E30

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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