#220657

#220657

Color Values

HEX

#220657

RGB

34, 6, 87

HSL

260.7, 87.1%, 18.2%

HSV

260.7, 93.1%, 34.1%

CMYK

60.9%, 93.1%, 0.0%, 65.9%

OKLCH

0.2423 0.1279 288.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220657

#3B5706

Analogous

#061357

#4A0657

#220657

Triadic

#220657

#572206

#065722

Split Complementary

#220657

#574A06

#135706

Tetradic

#220657

#570613

#3B5706

#06574A

Color Blindness Simulation

Original

#220657

Protanopia

#161643

Deuteranopia

#181A3F

Tritanopia

#213431

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BCFA
300
#B18CF7
400
#874EF3
500
#5D10EF
600
#4A0DBF
700
#3C0B99
800
#2F0877
900
#250A56
950
#170737

Contrast Checker

Text on white

17.05:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026