#220679

#220679

Color Values

HEX

#220679

RGB

34, 6, 121

HSL

254.6, 90.6%, 24.9%

HSV

254.6, 95.0%, 47.5%

CMYK

71.9%, 95.0%, 0.0%, 52.5%

OKLCH

0.2851 0.1672 278.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#220679

#5D7906

Analogous

#062379

#5B0679

#220679

Triadic

#220679

#792206

#067922

Split Complementary

#220679

#795B06

#237906

Tetradic

#220679

#790623

#5D7906

#06795B

Color Blindness Simulation

Original

#220679

Protanopia

#16165D

Deuteranopia

#181A56

Tritanopia

#214742

Achromatopsia

#141414

CSS Usage

background-color: #220679;
color: #220679;
border-color: #220679;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F4F1FD
100
#E6DFFB
200
#CBBBFC
300
#A58AF9
400
#754BF6
500
#440CF3
600
#370AC2
700
#2C089C
800
#22067A
900
#1C0958
950
#120638

Contrast Checker

Text on white

15.33:1

AA Pass AAA Pass

Text on black

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