#802228

#802228

Color Values

HEX

#802228

RGB

128, 34, 40

HSL

356.2, 58.0%, 31.8%

HSV

356.2, 73.4%, 50.2%

CMYK

0.0%, 73.4%, 68.8%, 49.8%

OKLCH

0.4047 0.1281 21.6

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#802228

#22807A

Analogous

#802257

#804B22

#802228

Triadic

#802228

#288022

#222880

Split Complementary

#802228

#22804B

#225780

Tetradic

#802228

#578022

#22807A

#4B2280

Color Blindness Simulation

Original

#802228

Protanopia

#575627

Deuteranopia

#5D6426

Tritanopia

#7B2525

Achromatopsia

#363636

CSS Usage

background-color: #802228;
color: #802228;
border-color: #802228;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C7C9
300
#E59EA3
400
#D76A71
500
#C9363F
600
#A12B32
700
#812228
800
#651B1F
900
#4A171A
950
#2F0F11

Contrast Checker

Text on white

9.65:1

AA Pass AAA Pass

Text on black

2.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026