#422273

#422273

Color Values

HEX

#422273

RGB

66, 34, 115

HSL

263.7, 54.4%, 29.2%

HSV

263.7, 70.4%, 45.1%

CMYK

42.6%, 70.4%, 0.0%, 54.9%

OKLCH

0.3432 0.1318 297.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#422273

#537322

Analogous

#222A73

#6A2273

#422273

Triadic

#422273

#734222

#227342

Split Complementary

#422273

#736A22

#2A7322

Tetradic

#422273

#73222A

#537322

#22736A

Color Blindness Simulation

Original

#422273

Protanopia

#34345F

Deuteranopia

#36385B

Tritanopia

#40504D

Achromatopsia

#2F2F2F

CSS Usage

background-color: #422273;
color: #422273;
border-color: #422273;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F4FB
100
#EBE5F5
200
#D7C8EF
300
#BBA1E3
400
#966DD4
500
#713AC5
600
#5A2F9D
700
#48257E
800
#381D62
900
#2B1948
950
#1B102E

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026