#2226ae hex color

In a RGB color space, hex #2226ae is composed of 13.3% red, 14.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 78.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 238.3 degrees, a saturation of 67.3% and a lightness of 40.8%. #2226ae color hex could be obtained by blending #444cff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 15
- B 68
RGB color chart
- C 80
- M 78
- Y 0
- K 32
CMYK color chart

● #2226ae color description : Dark blue.

The hexadecimal color #2226ae has RGB values of R:34, G:38, B:174 and CMYK values of C:0.8, M:0.78, Y:0, K:0.32. Its decimal value is 2238126.

Hex triplet	2226ae	`#2226ae`
RGB Decimal	34, 38, 174	`rgb(34,38,174)`
RGB Percent	13.3, 14.9, 68.2	`rgb(13.3%,14.9%,68.2%)`
CMYK	80, 78, 0, 32
HSL	238.3°, 67.3, 40.8	`hsl(238.3,67.3%,40.8%)`
HSV (or HSB)	238.3°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	26.104, 46.342, -71.231
XYZ	8.991, 4.782, 40.491
xyY	0.166, 0.088, 4.782
CIE-LCH	26.104, 84.979, 303.047
CIE-LUV	26.104, -6.774, -86.7
Hunter-Lab	21.867, 35.128, -94.48
Binary	00100010, 00100110, 10101110

#2226ae
```
#2226ae rgb(34,38,174)
```
#aeaa22
```
#aeaa22 rgb(174,170,34)
```

Complementary Color

#226cae
```
#226cae rgb(34,108,174)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#6422ae
```
#6422ae rgb(100,34,174)
```

Analogous Color

#6cae22
```
#6cae22 rgb(108,174,34)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#ae6422
```
#ae6422 rgb(174,100,34)
```

Split Complementary Color

#26ae22
```
#26ae22 rgb(38,174,34)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#ae2226
```
#ae2226 rgb(174,34,38)
```

Triadic Color

#22aeaa
```
#22aeaa rgb(34,174,170)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#ae2226
```
#ae2226 rgb(174,34,38)
```
#aeaa22
```
#aeaa22 rgb(174,170,34)
```

Tetradic Color

#15186e
```
#15186e rgb(21,24,110)
```
#1a1d83
```
#1a1d83 rgb(26,29,131)
```
#1e2199
```
#1e2199 rgb(30,33,153)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#262bc3
```
#262bc3 rgb(38,43,195)
```
#2d32d6
```
#2d32d6 rgb(45,50,214)
```
#4247da
```
#4247da rgb(66,71,218)
```

Monochromatic Color

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

#2249ae
```
#2249ae rgb(34,73,174)
```
#223dae
```
#223dae rgb(34,61,174)
```
#2232ae
```
#2232ae rgb(34,50,174)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#2a22ae
```
#2a22ae rgb(42,34,174)
```
#3522ae
```
#3522ae rgb(53,34,174)
```
#4122ae
```
#4122ae rgb(65,34,174)
```

Similar Colors

Text with hexadecimal color #2226ae

This text has a font color of #2226ae.

<span style="color:#2226ae;">Text here</span>

#2226ae background color

This paragraph has a background color of #2226ae.

<p style="background-color:#2226ae;">Content here</p>

#2226ae border color

This element has a border color of #2226ae.

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

CSS codes

.text {color:#2226ae;}

.background {background-color:#2226ae;}

.border {border:1px solid #2226ae;}

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, #02020a is the darkest color, while #f9f9fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#05061a
```
#05061a rgb(5,6,26)
```
#08092b
```
#08092b rgb(8,9,43)
```
#0c0d3b
```
#0c0d3b rgb(12,13,59)
```
#0f104c
```
#0f104c rgb(15,16,76)
```
#12145c
```
#12145c rgb(18,20,92)
```
#15186c
```
#15186c rgb(21,24,108)
```
#181b7d
```
#181b7d rgb(24,27,125)
```
#1c1f8d
```
#1c1f8d rgb(28,31,141)
```
#1f229e
```
#1f229e rgb(31,34,158)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#252abe
```
#252abe rgb(37,42,190)
```
#282dcf
```
#282dcf rgb(40,45,207)
```

Shade Color Variation

#3438d7
```
#3438d7 rgb(52,56,215)
```
#4448da
```
#4448da rgb(68,72,218)
```
#5458de
```
#5458de rgb(84,88,222)
```
#6568e1
```
#6568e1 rgb(101,104,225)
```
#7578e4
```
#7578e4 rgb(117,120,228)
```
#8688e7
```
#8688e7 rgb(134,136,231)
```
#9698ea
```
#9698ea rgb(150,152,234)
```
#a6a8ee
```
#a6a8ee rgb(166,168,238)
```
#b7b9f1
```
#b7b9f1 rgb(183,185,241)
```
#c7c9f4
```
#c7c9f4 rgb(199,201,244)
```
#d8d9f7
```
#d8d9f7 rgb(216,217,247)
```
#e8e9fb
```
#e8e9fb rgb(232,233,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62626e is the less saturated color, while #0208ce is the most saturated one.

#62626e
```
#62626e rgb(98,98,110)
```
#5a5b76
```
#5a5b76 rgb(90,91,118)
```
#52537e
```
#52537e rgb(82,83,126)
```
#4a4c86
```
#4a4c86 rgb(74,76,134)
```
#42448e
```
#42448e rgb(66,68,142)
```
#3a3d96
```
#3a3d96 rgb(58,61,150)
```
#32359e
```
#32359e rgb(50,53,158)
```
#2a2ea6
```
#2a2ea6 rgb(42,46,166)
```
#2226ae
```
#2226ae rgb(34,38,174)
```
#1a1eb6
```
#1a1eb6 rgb(26,30,182)
```
#1217be
```
#1217be rgb(18,23,190)
```
#0a0fc6
```
#0a0fc6 rgb(10,15,198)
```
#0208ce
```
#0208ce rgb(2,8,206)
```

Tone Color Variation

Below, you can see how #2226ae 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

#343434 Achromatopsia 0.005% of the population
#30314c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#0c3a95 Protanomaly 1% of men, 0.01% of women
#0c3c89 Deuteranomaly 6% of men, 0.4% of women
#0c4073 Tritanomaly 0.01% of the population

#2226ae hex color

#2226ae Color Information

#2226ae Color Conversion

Color Schemes with #2226ae

Alternatives to #2226ae

#2226ae Preview

Shades and Tints of #2226ae

Tones of #2226ae

Color Blindness Simulator