#220635

#220635

Color Values

HEX

#220635

RGB

34, 6, 53

HSL

275.7, 79.7%, 11.6%

HSV

275.7, 88.7%, 20.8%

CMYK

35.8%, 88.7%, 0.0%, 79.2%

OKLCH

0.2049 0.0876 307.5

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#220635

#193506

Analogous

#0A0635

#350631

#220635

Triadic

#220635

#352206

#063522

Split Complementary

#220635

#313506

#06350A

Tetradic

#220635

#350A06

#193506

#063135

Color Blindness Simulation

Original

#220635

Protanopia

#16162A

Deuteranopia

#181A27

Tritanopia

#21211F

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E1BFF8
300
#CB91F3
400
#AF55EC
500
#931AE5
600
#7515B7
700
#5E1193
800
#490D73
900
#370E53
950
#230935

Contrast Checker

Text on white

18.33:1

AA Pass AAA Pass

Text on black

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