#222aac hex color

In a RGB color space, hex #222aac is composed of 13.3% red, 16.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 75.6% magenta, 0% yellow and 32.5% black. It has a hue angle of 236.5 degrees, a saturation of 67% and a lightness of 40.4%. #222aac color hex could be obtained by blending #4454ff with #000059. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 16
- B 67
RGB color chart
- C 80
- M 76
- Y 0
- K 33
CMYK color chart

● #222aac color description : Dark blue.

The hexadecimal color #222aac has RGB values of R:34, G:42, B:172 and CMYK values of C:0.8, M:0.76, Y:0, K:0.33. Its decimal value is 2239148.

Hex triplet	222aac	`#222aac`
RGB Decimal	34, 42, 172	`rgb(34,42,172)`
RGB Percent	13.3, 16.5, 67.5	`rgb(13.3%,16.5%,67.5%)`
CMYK	80, 76, 0, 33
HSL	236.5°, 67, 40.4	`hsl(236.5,67%,40.4%)`
HSV (or HSB)	236.5°, 80.2, 67.5
Web Safe	333399	`#333399`

CIE-LAB	26.66, 43.445, -69.108
XYZ	8.933, 4.974, 39.517
xyY	0.167, 0.093, 4.974
CIE-LCH	26.66, 81.629, 302.155
CIE-LUV	26.66, -7.292, -85.546
Hunter-Lab	22.302, 32.464, -89.442
Binary	00100010, 00101010, 10101100

#222aac
```
#222aac rgb(34,42,172)
```
#aca422
```
#aca422 rgb(172,164,34)
```

Complementary Color

#226fac
```
#226fac rgb(34,111,172)
```
#222aac
```
#222aac rgb(34,42,172)
```
#5f22ac
```
#5f22ac rgb(95,34,172)
```

Analogous Color

#6fac22
```
#6fac22 rgb(111,172,34)
```
#222aac
```
#222aac rgb(34,42,172)
```
#ac5f22
```
#ac5f22 rgb(172,95,34)
```

Split Complementary Color

#2aac22
```
#2aac22 rgb(42,172,34)
```
#222aac
```
#222aac rgb(34,42,172)
```
#ac222a
```
#ac222a rgb(172,34,42)
```

Triadic Color

#22aca4
```
#22aca4 rgb(34,172,164)
```
#222aac
```
#222aac rgb(34,42,172)
```
#ac222a
```
#ac222a rgb(172,34,42)
```
#aca422
```
#aca422 rgb(172,164,34)
```

Tetradic Color

#151a6c
```
#151a6c rgb(21,26,108)
```
#1a2081
```
#1a2081 rgb(26,32,129)
```
#1e2597
```
#1e2597 rgb(30,37,151)
```
#222aac
```
#222aac rgb(34,42,172)
```
#262fc1
```
#262fc1 rgb(38,47,193)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#414ad9
```
#414ad9 rgb(65,74,217)
```

Monochromatic Color

Below, you can see some colors close to #222aac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#224dac
```
#224dac rgb(34,77,172)
```
#2241ac
```
#2241ac rgb(34,65,172)
```
#2236ac
```
#2236ac rgb(34,54,172)
```
#222aac
```
#222aac rgb(34,42,172)
```
#2622ac
```
#2622ac rgb(38,34,172)
```
#3122ac
```
#3122ac rgb(49,34,172)
```
#3d22ac
```
#3d22ac rgb(61,34,172)
```

Similar Colors

Text with hexadecimal color #222aac

This text has a font color of #222aac.

<span style="color:#222aac;">Text here</span>

#222aac background color

This paragraph has a background color of #222aac.

<p style="background-color:#222aac;">Content here</p>

#222aac border color

This element has a border color of #222aac.

<div style="border:1px solid #222aac;">Content here</div>

CSS codes

.text {color:#222aac;}

.background {background-color:#222aac;}

.border {border:1px solid #222aac;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020208 is the darkest color, while #f7f7fd is the lightest one.

#020208
```
#020208 rgb(2,2,8)
```
#050619
```
#050619 rgb(5,6,25)
```
#080a29
```
#080a29 rgb(8,10,41)
```
#0b0e39
```
#0b0e39 rgb(11,14,57)
```
#0f124a
```
#0f124a rgb(15,18,74)
```
#12165a
```
#12165a rgb(18,22,90)
```
#151a6a
```
#151a6a rgb(21,26,106)
```
#181e7b
```
#181e7b rgb(24,30,123)
```
#1c228b
```
#1c228b rgb(28,34,139)
```
#1f269c
```
#1f269c rgb(31,38,156)
```
#222aac
```
#222aac rgb(34,42,172)
```
#252ebc
```
#252ebc rgb(37,46,188)
```
#2832cd
```
#2832cd rgb(40,50,205)
```

Shade Color Variation

#323cd7
```
#323cd7 rgb(50,60,215)
```
#434bda
```
#434bda rgb(67,75,218)
```
#535bdd
```
#535bdd rgb(83,91,221)
```
#636be0
```
#636be0 rgb(99,107,224)
```
#747ae3
```
#747ae3 rgb(116,122,227)
```
#848ae7
```
#848ae7 rgb(132,138,231)
```
#959aea
```
#959aea rgb(149,154,234)
```
#a5a9ed
```
#a5a9ed rgb(165,169,237)
```
#b5b9f0
```
#b5b9f0 rgb(181,185,240)
```
#c6c8f4
```
#c6c8f4 rgb(198,200,244)
```
#d6d8f7
```
#d6d8f7 rgb(214,216,247)
```
#e6e8fa
```
#e6e8fa rgb(230,232,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61626d is the less saturated color, while #020ecc is the most saturated one.

#61626d
```
#61626d rgb(97,98,109)
```
#595b75
```
#595b75 rgb(89,91,117)
```
#52547c
```
#52547c rgb(82,84,124)
```
#4a4d84
```
#4a4d84 rgb(74,77,132)
```
#42468c
```
#42468c rgb(66,70,140)
```
#3a3f94
```
#3a3f94 rgb(58,63,148)
```
#32389c
```
#32389c rgb(50,56,156)
```
#2a31a4
```
#2a31a4 rgb(42,49,164)
```
#222aac
```
#222aac rgb(34,42,172)
```
#1a23b4
```
#1a23b4 rgb(26,35,180)
```
#121cbc
```
#121cbc rgb(18,28,188)
```
#0a15c4
```
#0a15c4 rgb(10,21,196)
```
#020ecc
```
#020ecc rgb(2,14,204)
```

Tone Color Variation

Below, you can see how #222aac is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#363636 Achromatopsia 0.005% of the population
#32344e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#0c3c96 Protanomaly 1% of men, 0.01% of women
#0c3f8a Deuteranomaly 6% of men, 0.4% of women
#0c4274 Tritanomaly 0.01% of the population

#222aac hex color

#222aac Color Information

#222aac Color Conversion

Color Schemes with #222aac

Alternatives to #222aac

#222aac Preview

Shades and Tints of #222aac

Tones of #222aac

Color Blindness Simulator