#220457

#220457

Color Values

HEX

#220457

RGB

34, 4, 87

HSL

261.7, 91.2%, 17.8%

HSV

261.7, 95.4%, 34.1%

CMYK

60.9%, 95.4%, 0.0%, 65.9%

OKLCH

0.2401 0.1298 288.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220457

#395704

Analogous

#040F57

#4B0457

#220457

Triadic

#220457

#572204

#045722

Split Complementary

#220457

#574B04

#0F5704

Tetradic

#220457

#57040F

#395704

#04574B

Color Blindness Simulation

Original

#220457

Protanopia

#151543

Deuteranopia

#17193E

Tritanopia

#203330

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#E9DFFB
200
#D2BBFC
300
#B28AFA
400
#894BF7
500
#5F0BF4
600
#4C09C3
700
#3D079C
800
#30067A
900
#250958
950
#180538

Contrast Checker

Text on white

17.17:1

AA Pass AAA Pass

Text on black

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