#220779

#220779

Color Values

HEX

#220779

RGB

34, 7, 121

HSL

254.2, 89.1%, 25.1%

HSV

254.2, 94.2%, 47.5%

CMYK

71.9%, 94.2%, 0.0%, 52.5%

OKLCH

0.2859 0.1666 278.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#220779

#5E7907

Analogous

#072579

#5B0779

#220779

Triadic

#220779

#792207

#077922

Split Complementary

#220779

#795B07

#257907

Tetradic

#220779

#790725

#5E7907

#07795B

Color Blindness Simulation

Original

#220779

Protanopia

#16165D

Deuteranopia

#181A57

Tritanopia

#214843

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CBBBFB
300
#A58BF8
400
#744DF5
500
#440EF1
600
#360BC1
700
#2B099A
800
#220779
900
#1C0A57
950
#120637

Contrast Checker

Text on white

15.28:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026