#220778

#220778

Color Values

HEX

#220778

RGB

34, 7, 120

HSL

254.3, 89.0%, 24.9%

HSV

254.3, 94.2%, 47.1%

CMYK

71.7%, 94.2%, 0.0%, 52.9%

OKLCH

0.2846 0.1655 278.6

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#220778

#5D7807

Analogous

#072578

#5A0778

#220778

Triadic

#220778

#782207

#077822

Split Complementary

#220778

#785A07

#257807

Tetradic

#220778

#780725

#5D7807

#07785A

Color Blindness Simulation

Original

#220778

Protanopia

#16165D

Deuteranopia

#181A56

Tritanopia

#214742

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CBBCFB
300
#A58BF8
400
#754DF5
500
#440EF1
600
#360BC1
700
#2C099A
800
#220778
900
#1C0A57
950
#120637

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