#222363

#222363

Color Values

HEX

#222363

RGB

34, 35, 99

HSL

239.1, 48.9%, 26.1%

HSV

239.1, 65.7%, 38.8%

CMYK

65.7%, 64.6%, 0.0%, 61.2%

OKLCH

0.2989 0.1104 276.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#222363

#636222

Analogous

#224463

#422263

#222363

Triadic

#222363

#632223

#236322

Split Complementary

#222363

#634222

#446322

Tetradic

#222363

#632244

#636222

#226342

Color Blindness Simulation

Original

#222363

Protanopia

#222254

Deuteranopia

#222250

Tritanopia

#224745

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACAED
300
#A4A5E0
400
#7374CF
500
#4143BE
600
#343698
700
#2A2B7A
800
#21225F
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

14.11:1

AA Pass AAA Pass

Text on black

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