#822BCB

#822BCB

Color Values

HEX

#822BCB

RGB

130, 43, 203

HSL

272.6, 65.0%, 48.2%

HSV

272.6, 78.8%, 79.6%

CMYK

36.0%, 78.8%, 0.0%, 20.4%

OKLCH

0.505 0.2274 303.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#822BCB

#74CB2B

Analogous

#322BCB

#CB2BC4

#822BCB

Triadic

#822BCB

#CB822B

#2BCB82

Split Complementary

#822BCB

#C4CB2B

#2BCB32

Tetradic

#822BCB

#CB322B

#74CB2B

#2BC4CB

Color Blindness Simulation

Original

#822BCB

Protanopia

#5C5CA4

Deuteranopia

#61689B

Tritanopia

#7E867F

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC4F3
300
#C59AEA
400
#A663DE
500
#872DD2
600
#6C24A8
700
#561D87
800
#431669
900
#33144D
950
#200D31

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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