#42225B

#42225B

Color Values

HEX

#42225B

RGB

66, 34, 91

HSL

273.7, 45.6%, 24.5%

HSV

273.7, 62.6%, 35.7%

CMYK

27.5%, 62.6%, 0.0%, 64.3%

OKLCH

0.3243 0.101 307.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#42225B

#3B5B22

Analogous

#25225B

#5B2257

#42225B

Triadic

#42225B

#5B4222

#225B42

Split Complementary

#42225B

#575B22

#225B25

Tetradic

#42225B

#5B2522

#3B5B22

#22575B

Color Blindness Simulation

Original

#42225B

Protanopia

#34344D

Deuteranopia

#36384A

Tritanopia

#404240

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A6DE
400
#A676CC
500
#8745BA
600
#6C3795
700
#562C77
800
#43235D
900
#331D44
950
#20122B

Contrast Checker

Text on white

13.03:1

AA Pass AAA Pass

Text on black

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