#220E96

#220E96

Color Values

HEX

#220E96

RGB

34, 14, 150

HSL

248.8, 82.9%, 32.2%

HSV

248.8, 90.7%, 58.8%

CMYK

77.3%, 90.7%, 0.0%, 41.2%

OKLCH

0.3283 0.1959 273.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#220E96

#82960E

Analogous

#0E3E96

#660E96

#220E96

Triadic

#220E96

#96220E

#0E9622

Split Complementary

#220E96

#96660E

#3E960E

Tetradic

#220E96

#960E3E

#82960E

#0E9666

Color Blindness Simulation

Original

#220E96

Protanopia

#191975

Deuteranopia

#1A1C6D

Tritanopia

#215B55

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E4E1FA
200
#C6BEF9
300
#9E8FF5
400
#6952EF
500
#3516E9
600
#2A11BB
700
#220E95
800
#1A0B75
900
#170C55
950
#0E0835

Contrast Checker

Text on white

13.37:1

AA Pass AAA Pass

Text on black

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