#422142

#422142

Color Values

HEX

#422142

RGB

66, 33, 66

HSL

300.0, 33.3%, 19.4%

HSV

300.0, 50.0%, 25.9%

CMYK

0.0%, 50.0%, 0.0%, 74.1%

OKLCH

0.3066 0.0717 327.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#422142

#214221

Analogous

#312142

#422131

#422142

Triadic

#422142

#424221

#214242

Split Complementary

#422142

#314221

#214231

Tetradic

#422142

#423121

#214221

#213142

Color Blindness Simulation

Original

#422142

Protanopia

#34333A

Deuteranopia

#363838

Tritanopia

#403432

Achromatopsia

#2A2A2A

CSS Usage

background-color: #422142;
color: #422142;
border-color: #422142;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF5FA
100
#F2E8F2
200
#E7CFE7
300
#D6ADD6
400
#C081C0
500
#AA55AA
600
#884488
700
#6D366D
800
#552B55
900
#3F223F
950
#281528

Contrast Checker

Text on white

13.74:1

AA Pass AAA Pass

Text on black

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