#422347

#422347

Color Values

HEX

#422347

RGB

66, 35, 71

HSL

291.7, 34.0%, 20.8%

HSV

291.7, 50.7%, 27.8%

CMYK

7.0%, 50.7%, 0.0%, 72.2%

OKLCH

0.3131 0.0735 321.9

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#422347

#284723

Analogous

#302347

#47233A

#422347

Triadic

#422347

#474223

#234742

Split Complementary

#422347

#3A4723

#234730

Tetradic

#422347

#473023

#284723

#233A47

Color Blindness Simulation

Original

#422347

Protanopia

#35343E

Deuteranopia

#36393C

Tritanopia

#403736

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E4CFE7
300
#D1ADD7
400
#B881C1
500
#9F54AB
600
#7F4389
700
#66366D
800
#4F2A55
900
#3B223F
950
#251528

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

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