#222558

#222558

Color Values

HEX

#222558

RGB

34, 37, 88

HSL

236.7, 44.3%, 23.9%

HSV

236.7, 61.4%, 34.5%

CMYK

61.4%, 58.0%, 0.0%, 65.5%

OKLCH

0.2934 0.0904 276.7

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#222558

#585522

Analogous

#224058

#3A2258

#222558

Triadic

#222558

#582225

#255822

Split Complementary

#222558

#583A22

#405822

Tetradic

#222558

#582240

#585522

#22583A

Color Blindness Simulation

Original

#222558

Protanopia

#23234C

Deuteranopia

#232349

Tritanopia

#224240

Achromatopsia

#282828

CSS Usage

background-color: #222558;
color: #222558;
border-color: #222558;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A7AADD
400
#777BCA
500
#474DB8
600
#393E93
700
#2D3176
800
#24275C
900
#1D1F44
950
#12142B

Contrast Checker

Text on white

14.25:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026