#2222C0

#2222C0

Color Values

HEX

#2222C0

RGB

34, 34, 192

HSL

240.0, 69.9%, 44.3%

HSV

240.0, 82.3%, 75.3%

CMYK

82.3%, 82.3%, 0.0%, 24.7%

OKLCH

0.3989 0.2303 269.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2222C0

#C0C022

Analogous

#2271C0

#7122C0

#2222C0

Triadic

#2222C0

#C02222

#22C022

Split Complementary

#2222C0

#C07122

#71C022

Tetradic

#2222C0

#C02271

#C0C022

#22C071

Color Blindness Simulation

Original

#2222C0

Protanopia

#22229A

Deuteranopia

#222291

Tritanopia

#227C75

Achromatopsia

#2D2D2D

CSS Usage

background-color: #2222C0;
color: #2222C0;
border-color: #2222C0;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C2C2F4
300
#9797ED
400
#5F5FE3
500
#2626D9
600
#1F1FAD
700
#19198B
800
#13136C
900
#12124F
950
#0B0B32

Contrast Checker

Text on white

10.2:1

AA Pass AAA Pass

Text on black

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