#2228ae hex color

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

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

● #2228ae color description : Dark blue.

The hexadecimal color #2228ae has RGB values of R:34, G:40, B:174 and CMYK values of C:0.8, M:0.77, Y:0, K:0.32. Its decimal value is 2238638.

Hex triplet	2228ae	`#2228ae`
RGB Decimal	34, 40, 174	`rgb(34,40,174)`
RGB Percent	13.3, 15.7, 68.2	`rgb(13.3%,15.7%,68.2%)`
CMYK	80, 77, 0, 32
HSL	237.4°, 67.3, 40.8	`hsl(237.4,67.3%,40.8%)`
HSV (or HSB)	237.4°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	26.486, 45.249, -70.598
XYZ	9.057, 4.913, 40.513
xyY	0.166, 0.09, 4.913
CIE-LCH	26.486, 83.855, 302.657
CIE-LUV	26.486, -7.061, -86.73
Hunter-Lab	22.165, 34.147, -92.852
Binary	00100010, 00101000, 10101110

#2228ae
```
#2228ae rgb(34,40,174)
```
#aea822
```
#aea822 rgb(174,168,34)
```

Complementary Color

#226eae
```
#226eae rgb(34,110,174)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#6222ae
```
#6222ae rgb(98,34,174)
```

Analogous Color

#6eae22
```
#6eae22 rgb(110,174,34)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#ae6222
```
#ae6222 rgb(174,98,34)
```

Split Complementary Color

#28ae22
```
#28ae22 rgb(40,174,34)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#ae2228
```
#ae2228 rgb(174,34,40)
```

Triadic Color

#22aea8
```
#22aea8 rgb(34,174,168)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#ae2228
```
#ae2228 rgb(174,34,40)
```
#aea822
```
#aea822 rgb(174,168,34)
```

Tetradic Color

#15196e
```
#15196e rgb(21,25,110)
```
#1a1e83
```
#1a1e83 rgb(26,30,131)
```
#1e2399
```
#1e2399 rgb(30,35,153)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#262dc3
```
#262dc3 rgb(38,45,195)
```
#2d34d6
```
#2d34d6 rgb(45,52,214)
```
#4249da
```
#4249da rgb(66,73,218)
```

Monochromatic Color

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

#224bae
```
#224bae rgb(34,75,174)
```
#223fae
```
#223fae rgb(34,63,174)
```
#2234ae
```
#2234ae rgb(34,52,174)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#2822ae
```
#2822ae rgb(40,34,174)
```
#3322ae
```
#3322ae rgb(51,34,174)
```
#3f22ae
```
#3f22ae rgb(63,34,174)
```

Similar Colors

Text with hexadecimal color #2228ae

This text has a font color of #2228ae.

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

#2228ae background color

This paragraph has a background color of #2228ae.

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

#2228ae border color

This element has a border color of #2228ae.

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

CSS codes

.text {color:#2228ae;}

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

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

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)
```
#080a2b
```
#080a2b rgb(8,10,43)
```
#0c0e3b
```
#0c0e3b rgb(12,14,59)
```
#0f114c
```
#0f114c rgb(15,17,76)
```
#12155c
```
#12155c rgb(18,21,92)
```
#15196c
```
#15196c rgb(21,25,108)
```
#181d7d
```
#181d7d rgb(24,29,125)
```
#1c208d
```
#1c208d rgb(28,32,141)
```
#1f249e
```
#1f249e rgb(31,36,158)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#252cbe
```
#252cbe rgb(37,44,190)
```
#2830cf
```
#2830cf rgb(40,48,207)
```

Shade Color Variation

#343bd7
```
#343bd7 rgb(52,59,215)
```
#444ada
```
#444ada rgb(68,74,218)
```
#545ade
```
#545ade rgb(84,90,222)
```
#656ae1
```
#656ae1 rgb(101,106,225)
```
#757ae4
```
#757ae4 rgb(117,122,228)
```
#868ae7
```
#868ae7 rgb(134,138,231)
```
#969aea
```
#969aea rgb(150,154,234)
```
#a6aaee
```
#a6aaee rgb(166,170,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, #62636e is the less saturated color, while #020bce is the most saturated one.

#62636e
```
#62636e rgb(98,99,110)
```
#5a5b76
```
#5a5b76 rgb(90,91,118)
```
#52547e
```
#52547e rgb(82,84,126)
```
#4a4d86
```
#4a4d86 rgb(74,77,134)
```
#42458e
```
#42458e rgb(66,69,142)
```
#3a3e96
```
#3a3e96 rgb(58,62,150)
```
#32379e
```
#32379e rgb(50,55,158)
```
#2a2fa6
```
#2a2fa6 rgb(42,47,166)
```
#2228ae
```
#2228ae rgb(34,40,174)
```
#1a21b6
```
#1a21b6 rgb(26,33,182)
```
#1219be
```
#1219be rgb(18,25,190)
```
#0a12c6
```
#0a12c6 rgb(10,18,198)
```
#020bce
```
#020bce rgb(2,11,206)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#31324d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#0c3b96 Protanomaly 1% of men, 0.01% of women
#0c3e8a Deuteranomaly 6% of men, 0.4% of women
#0c4174 Tritanomaly 0.01% of the population

#2228ae hex color

#2228ae Color Information

#2228ae Color Conversion

Color Schemes with #2228ae

Alternatives to #2228ae

#2228ae Preview

Shades and Tints of #2228ae

Tones of #2228ae

Color Blindness Simulator