#2822aa hex color

In a RGB color space, hex #2822aa is composed of 15.7% red, 13.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 80% magenta, 0% yellow and 33.3% black. It has a hue angle of 242.6 degrees, a saturation of 66.7% and a lightness of 40%. #2822aa color hex could be obtained by blending #5044ff with #000055. Closest websafe color is: #333399.

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

● #2822aa color description : Dark blue.

The hexadecimal color #2822aa has RGB values of R:40, G:34, B:170 and CMYK values of C:0.76, M:0.8, Y:0, K:0.33. Its decimal value is 2630314.

Hex triplet	2822aa	`#2822aa`
RGB Decimal	40, 34, 170	`rgb(40,34,170)`
RGB Percent	15.7, 13.3, 66.7	`rgb(15.7%,13.3%,66.7%)`
CMYK	76, 80, 0, 33
HSL	242.6°, 66.7, 40	`hsl(242.6,66.7%,40%)`
HSV (or HSB)	242.6°, 80, 66.7
Web Safe	333399	`#333399`

CIE-LAB	25.251, 47.544, -70.228
XYZ	8.701, 4.497, 38.437
xyY	0.169, 0.087, 4.497
CIE-LCH	25.251, 84.808, 304.098
CIE-LUV	25.251, -5.271, -84.348
Hunter-Lab	21.206, 36.133, -92.624
Binary	00101000, 00100010, 10101010

#2822aa
```
#2822aa rgb(40,34,170)
```
#a4aa22
```
#a4aa22 rgb(164,170,34)
```

Complementary Color

#2260aa
```
#2260aa rgb(34,96,170)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#6c22aa
```
#6c22aa rgb(108,34,170)
```

Analogous Color

#60aa22
```
#60aa22 rgb(96,170,34)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#aa6c22
```
#aa6c22 rgb(170,108,34)
```

Split Complementary Color

#22aa28
```
#22aa28 rgb(34,170,40)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#aa2822
```
#aa2822 rgb(170,40,34)
```

Triadic Color

#22a4aa
```
#22a4aa rgb(34,164,170)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#aa2822
```
#aa2822 rgb(170,40,34)
```
#a4aa22
```
#a4aa22 rgb(164,170,34)
```

Tetradic Color

#19156a
```
#19156a rgb(25,21,106)
```
#1e1a80
```
#1e1a80 rgb(30,26,128)
```
#231e95
```
#231e95 rgb(35,30,149)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#2d26bf
```
#2d26bf rgb(45,38,191)
```
#322bd5
```
#322bd5 rgb(50,43,213)
```
#4740d9
```
#4740d9 rgb(71,64,217)
```

Monochromatic Color

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

#223eaa
```
#223eaa rgb(34,62,170)
```
#2233aa
```
#2233aa rgb(34,51,170)
```
#2227aa
```
#2227aa rgb(34,39,170)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#3322aa
```
#3322aa rgb(51,34,170)
```
#3f22aa
```
#3f22aa rgb(63,34,170)
```
#4a22aa
```
#4a22aa rgb(74,34,170)
```

Similar Colors

Text with hexadecimal color #2822aa

This text has a font color of #2822aa.

<span style="color:#2822aa;">Text here</span>

#2822aa background color

This paragraph has a background color of #2822aa.

<p style="background-color:#2822aa;">Content here</p>

#2822aa border color

This element has a border color of #2822aa.

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

CSS codes

.text {color:#2822aa;}

.background {background-color:#2822aa;}

.border {border:1px solid #2822aa;}

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, #020107 is the darkest color, while #f6f5fd is the lightest one.

#020107
```
#020107 rgb(2,1,7)
```
#050517
```
#050517 rgb(5,5,23)
```
#090827
```
#090827 rgb(9,8,39)
```
#0d0b38
```
#0d0b38 rgb(13,11,56)
```
#110e48
```
#110e48 rgb(17,14,72)
```
#151258
```
#151258 rgb(21,18,88)
```
#191569
```
#191569 rgb(25,21,105)
```
#1c1879
```
#1c1879 rgb(28,24,121)
```
#201b89
```
#201b89 rgb(32,27,137)
```
#241f9a
```
#241f9a rgb(36,31,154)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#2c25ba
```
#2c25ba rgb(44,37,186)
```
#3029cb
```
#3029cb rgb(48,41,203)
```

Shade Color Variation

#3831d6
```
#3831d6 rgb(56,49,214)
```
#4841d9
```
#4841d9 rgb(72,65,217)
```
#5852dc
```
#5852dc rgb(88,82,220)
```
#6862e0
```
#6862e0 rgb(104,98,224)
```
#7772e3
```
#7772e3 rgb(119,114,227)
```
#8783e6
```
#8783e6 rgb(135,131,230)
```
#9793e9
```
#9793e9 rgb(151,147,233)
```
#a7a3ed
```
#a7a3ed rgb(167,163,237)
```
#b6b4f0
```
#b6b4f0 rgb(182,180,240)
```
#c6c4f3
```
#c6c4f3 rgb(198,196,243)
```
#d6d5f7
```
#d6d5f7 rgb(214,213,247)
```
#e6e5fa
```
#e6e5fa rgb(230,229,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61616b is the less saturated color, while #0b03c9 is the most saturated one.

#61616b
```
#61616b rgb(97,97,107)
```
#5a5973
```
#5a5973 rgb(90,89,115)
```
#53517b
```
#53517b rgb(83,81,123)
```
#4c4983
```
#4c4983 rgb(76,73,131)
```
#45418b
```
#45418b rgb(69,65,139)
```
#3d3a92
```
#3d3a92 rgb(61,58,146)
```
#36329a
```
#36329a rgb(54,50,154)
```
#2f2aa2
```
#2f2aa2 rgb(47,42,162)
```
#2822aa
```
#2822aa rgb(40,34,170)
```
#211ab2
```
#211ab2 rgb(33,26,178)
```
#1a12ba
```
#1a12ba rgb(26,18,186)
```
#130ac2
```
#130ac2 rgb(19,10,194)
```
#0b03c9
```
#0b03c9 rgb(11,3,201)
```

Tone Color Variation

Below, you can see how #2822aa 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
#31304b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#0e3791 Protanomaly 1% of men, 0.01% of women
#0e3a86 Deuteranomaly 6% of men, 0.4% of women
#0e3d71 Tritanomaly 0.01% of the population

#2822aa hex color

#2822aa Color Information

#2822aa Color Conversion

Color Schemes with #2822aa

Alternatives to #2822aa

#2822aa Preview

Shades and Tints of #2822aa

Tones of #2822aa

Color Blindness Simulator