#822262

#822262

Color Values

HEX

#822262

RGB

130, 34, 98

HSL

320.0, 58.5%, 32.2%

HSV

320.0, 73.8%, 51.0%

CMYK

0.0%, 73.8%, 24.6%, 49.0%

OKLCH

0.4271 0.1471 344.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#822262

#228242

Analogous

#722282

#822232

#822262

Triadic

#822262

#628222

#226282

Split Complementary

#822262

#328222

#228272

Tetradic

#822262

#827222

#228242

#223282

Color Blindness Simulation

Original

#822262

Protanopia

#585853

Deuteranopia

#5E654F

Tritanopia

#7D4644

Achromatopsia

#3B3B3B

CSS Usage

background-color: #822262;
color: #822262;
border-color: #822262;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F9
100
#F6E4F0
200
#F0C6E2
300
#E69ECE
400
#D869B3
500
#CA3598
600
#A22A7A
700
#812262
800
#651A4C
900
#4A1739
950
#2F0E24

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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