#220D33

#220D33

Color Values

HEX

#220D33

RGB

34, 13, 51

HSL

273.2, 59.4%, 12.5%

HSV

273.2, 74.5%, 20.0%

CMYK

33.3%, 74.5%, 0.0%, 80.0%

OKLCH

0.214 0.0733 306.7

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#220D33

#1E330D

Analogous

#0F0D33

#330D31

#220D33

Triadic

#220D33

#33220D

#0D3322

Split Complementary

#220D33

#31330D

#0D330F

Tetradic

#220D33

#330F0D

#1E330D

#0D3133

Color Blindness Simulation

Original

#220D33

Protanopia

#19192A

Deuteranopia

#1A1C28

Tritanopia

#212321

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C69DE6
400
#A769D9
500
#8834CB
600
#6C29A3
700
#572182
800
#441A66
900
#33174A
950
#200E2F

Contrast Checker

Text on white

17.9:1

AA Pass AAA Pass

Text on black

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