#422661

#422661

Color Values

HEX

#422661

RGB

66, 38, 97

HSL

268.5, 43.7%, 26.5%

HSV

268.5, 60.8%, 38.0%

CMYK

32.0%, 60.8%, 0.0%, 62.0%

OKLCH

0.3354 0.1021 303.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#422661

#456126

Analogous

#262861

#602661

#422661

Triadic

#422661

#614226

#266142

Split Complementary

#422661

#616026

#286126

Tetradic

#422661

#612628

#456126

#266160

Color Blindness Simulation

Original

#422661

Protanopia

#363653

Deuteranopia

#383A4F

Tritanopia

#414745

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C0A7DD
400
#9F77CA
500
#7D48B7
600
#643993
700
#502E75
800
#3E245C
900
#2F1D44
950
#1E132B

Contrast Checker

Text on white

12.49:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026