#220944

#220944

Color Values

HEX

#220944

RGB

34, 9, 68

HSL

265.4, 76.6%, 15.1%

HSV

265.4, 86.8%, 26.7%

CMYK

50.0%, 86.8%, 0.0%, 73.3%

OKLCH

0.2244 0.1016 296.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#220944

#2B4409

Analogous

#090E44

#3F0944

#220944

Triadic

#220944

#442209

#094422

Split Complementary

#220944

#443F09

#0E4409

Tetradic

#220944

#44090E

#2B4409

#09443F

Color Blindness Simulation

Original

#220944

Protanopia

#171736

Deuteranopia

#191A32

Tritanopia

#212A28

Achromatopsia

#131313

CSS Usage

background-color: #220944;
color: #220944;
border-color: #220944;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F2FC
100
#EBE2F9
200
#D7C0F7
300
#BB93F1
400
#9658E9
500
#711EE1
600
#5A18B4
700
#481390
800
#380F71
900
#2B0F52
950
#1B0A34

Contrast Checker

Text on white

17.64:1

AA Pass AAA Pass

Text on black

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