#22083F

#22083F

Color Values

HEX

#22083F

RGB

34, 8, 63

HSL

268.4, 77.5%, 13.9%

HSV

268.4, 87.3%, 24.7%

CMYK

46.0%, 87.3%, 0.0%, 75.3%

OKLCH

0.2178 0.0967 299.7

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#22083F

#253F08

Analogous

#08093F

#3D083F

#22083F

Triadic

#22083F

#3F2208

#083F22

Split Complementary

#22083F

#3F3D08

#093F08

Tetradic

#22083F

#3F0809

#253F08

#083F3D

Color Blindness Simulation

Original

#22083F

Protanopia

#171732

Deuteranopia

#181A2E

Tritanopia

#212725

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DAC0F7
300
#BF92F1
400
#9D58EA
500
#7A1DE2
600
#6217B5
700
#4E1291
800
#3D0E71
900
#2F0F52
950
#1D0934

Contrast Checker

Text on white

17.88:1

AA Pass AAA Pass

Text on black

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