#220D28

#220D28

Color Values

HEX

#220D28

RGB

34, 13, 40

HSL

286.7, 50.9%, 10.4%

HSV

286.7, 67.5%, 15.7%

CMYK

15.0%, 67.5%, 0.0%, 84.3%

OKLCH

0.2055 0.0582 318.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220D28

#13280D

Analogous

#150D28

#280D21

#220D28

Triadic

#220D28

#28220D

#0D2822

Split Complementary

#220D28

#21280D

#0D2815

Tetradic

#220D28

#28150D

#13280D

#0D2128

Color Blindness Simulation

Original

#220D28

Protanopia

#191921

Deuteranopia

#1A1C20

Tritanopia

#211C1B

Achromatopsia

#131313

CSS Usage

background-color: #220D28;
color: #220D28;
border-color: #220D28;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F9F4FB
100
#F1E5F5
200
#E5C9ED
300
#D3A3E1
400
#BB71D1
500
#A43FC0
600
#83329A
700
#69287B
800
#521F60
900
#3D1A47
950
#26112D

Contrast Checker

Text on white

18.16:1

AA Pass AAA Pass

Text on black

1.16:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026