#822CC7

#822CC7

Color Values

HEX

#822CC7

RGB

130, 44, 199

HSL

273.3, 63.8%, 47.6%

HSV

273.3, 77.9%, 78.0%

CMYK

34.7%, 77.9%, 0.0%, 22.0%

OKLCH

0.5026 0.2226 304.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#822CC7

#71C72C

Analogous

#342CC7

#C72CBE

#822CC7

Triadic

#822CC7

#C7822C

#2CC782

Split Complementary

#822CC7

#BEC72C

#2CC734

Tetradic

#822CC7

#C7342C

#71C72C

#2CBEC7

Color Blindness Simulation

Original

#822CC7

Protanopia

#5D5CA2

Deuteranopia

#626898

Tritanopia

#7E847D

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE3F7
200
#DEC5F2
300
#C69BE9
400
#A764DD
500
#882ED1
600
#6D25A7
700
#571E86
800
#441768
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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