#2224ae hex color

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

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

● #2224ae color description : Dark blue.

The hexadecimal color #2224ae has RGB values of R:34, G:36, B:174 and CMYK values of C:0.8, M:0.79, Y:0, K:0.32. Its decimal value is 2237614.

Hex triplet	2224ae	`#2224ae`
RGB Decimal	34, 36, 174	`rgb(34,36,174)`
RGB Percent	13.3, 14.1, 68.2	`rgb(13.3%,14.1%,68.2%)`
CMYK	80, 79, 0, 32
HSL	239.1°, 67.3, 40.8	`hsl(239.1,67.3%,40.8%)`
HSV (or HSB)	239.1°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	25.735, 47.404, -71.842
XYZ	8.929, 4.657, 40.47
xyY	0.165, 0.086, 4.657
CIE-LCH	25.735, 86.072, 303.418
CIE-LUV	25.735, -6.503, -86.639
Hunter-Lab	21.581, 36.089, -96.081
Binary	00100010, 00100100, 10101110

#2224ae
```
#2224ae rgb(34,36,174)
```
#aeac22
```
#aeac22 rgb(174,172,34)
```

Complementary Color

#226aae
```
#226aae rgb(34,106,174)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#6622ae
```
#6622ae rgb(102,34,174)
```

Analogous Color

#6aae22
```
#6aae22 rgb(106,174,34)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#ae6622
```
#ae6622 rgb(174,102,34)
```

Split Complementary Color

#24ae22
```
#24ae22 rgb(36,174,34)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#ae2224
```
#ae2224 rgb(174,34,36)
```

Triadic Color

#22aeac
```
#22aeac rgb(34,174,172)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#ae2224
```
#ae2224 rgb(174,34,36)
```
#aeac22
```
#aeac22 rgb(174,172,34)
```

Tetradic Color

#15176e
```
#15176e rgb(21,23,110)
```
#1a1b83
```
#1a1b83 rgb(26,27,131)
```
#1e2099
```
#1e2099 rgb(30,32,153)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#2628c3
```
#2628c3 rgb(38,40,195)
```
#2d2fd6
```
#2d2fd6 rgb(45,47,214)
```
#4245da
```
#4245da rgb(66,69,218)
```

Monochromatic Color

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

#2247ae
```
#2247ae rgb(34,71,174)
```
#223bae
```
#223bae rgb(34,59,174)
```
#2230ae
```
#2230ae rgb(34,48,174)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#2c22ae
```
#2c22ae rgb(44,34,174)
```
#3722ae
```
#3722ae rgb(55,34,174)
```
#4322ae
```
#4322ae rgb(67,34,174)
```

Similar Colors

Text with hexadecimal color #2224ae

This text has a font color of #2224ae.

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

#2224ae background color

This paragraph has a background color of #2224ae.

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

#2224ae border color

This element has a border color of #2224ae.

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

CSS codes

.text {color:#2224ae;}

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

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

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)
```
#05051a
```
#05051a rgb(5,5,26)
```
#08092b
```
#08092b rgb(8,9,43)
```
#0c0c3b
```
#0c0c3b rgb(12,12,59)
```
#0f104c
```
#0f104c rgb(15,16,76)
```
#12135c
```
#12135c rgb(18,19,92)
```
#15166c
```
#15166c rgb(21,22,108)
```
#181a7d
```
#181a7d rgb(24,26,125)
```
#1c1d8d
```
#1c1d8d rgb(28,29,141)
```
#1f219e
```
#1f219e rgb(31,33,158)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#2527be
```
#2527be rgb(37,39,190)
```
#282bcf
```
#282bcf rgb(40,43,207)
```

Shade Color Variation

#3436d7
```
#3436d7 rgb(52,54,215)
```
#4446da
```
#4446da rgb(68,70,218)
```
#5456de
```
#5456de rgb(84,86,222)
```
#6567e1
```
#6567e1 rgb(101,103,225)
```
#7577e4
```
#7577e4 rgb(117,119,228)
```
#8687e7
```
#8687e7 rgb(134,135,231)
```
#9697ea
```
#9697ea rgb(150,151,234)
```
#a6a7ee
```
#a6a7ee rgb(166,167,238)
```
#b7b8f1
```
#b7b8f1 rgb(183,184,241)
```
#c7c8f4
```
#c7c8f4 rgb(199,200,244)
```
#d8d8f7
```
#d8d8f7 rgb(216,216,247)
```
#e8e8fb
```
#e8e8fb rgb(232,232,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 #0205ce is the most saturated one.

#62626e
```
#62626e rgb(98,98,110)
```
#5a5a76
```
#5a5a76 rgb(90,90,118)
```
#52537e
```
#52537e rgb(82,83,126)
```
#4a4b86
```
#4a4b86 rgb(74,75,134)
```
#42438e
```
#42438e rgb(66,67,142)
```
#3a3b96
```
#3a3b96 rgb(58,59,150)
```
#32349e
```
#32349e rgb(50,52,158)
```
#2a2ca6
```
#2a2ca6 rgb(42,44,166)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#1a1cb6
```
#1a1cb6 rgb(26,28,182)
```
#1214be
```
#1214be rgb(18,20,190)
```
#0a0dc6
```
#0a0dc6 rgb(10,13,198)
```
#0205ce
```
#0205ce rgb(2,5,206)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#30304c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#0c3994 Protanomaly 1% of men, 0.01% of women
#0c3b89 Deuteranomaly 6% of men, 0.4% of women
#0c3e73 Tritanomaly 0.01% of the population

#2224ae hex color

#2224ae Color Information

#2224ae Color Conversion

Color Schemes with #2224ae

Alternatives to #2224ae

#2224ae Preview

Shades and Tints of #2224ae

Tones of #2224ae

Color Blindness Simulator