#2822c5 hex color

In a RGB color space, hex #2822c5 is composed of 15.7% red, 13.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 82.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 242.2 degrees, a saturation of 70.6% and a lightness of 45.3%. #2822c5 color hex could be obtained by blending #5044ff with #00008b. Closest websafe color is: #3333cc.

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

● #2822c5 color description : Strong blue.

The hexadecimal color #2822c5 has RGB values of R:40, G:34, B:197 and CMYK values of C:0.8, M:0.83, Y:0, K:0.23. Its decimal value is 2630341.

Hex triplet	2822c5	`#2822c5`
RGB Decimal	40, 34, 197	`rgb(40,34,197)`
RGB Percent	15.7, 13.3, 77.3	`rgb(15.7%,13.3%,77.3%)`
CMYK	80, 83, 0, 23
HSL	242.2°, 70.6, 45.3	`hsl(242.2,70.6%,45.3%)`
HSV (or HSB)	242.2°, 82.7, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.448, 55.881, -80.988
XYZ	11.523, 5.626, 53.299
xyY	0.164, 0.08, 5.626
CIE-LCH	28.448, 98.396, 304.605
CIE-LUV	28.448, -6.528, -100.002
Hunter-Lab	23.718, 45.214, -116.631
Binary	00101000, 00100010, 11000101

#2822c5
```
#2822c5 rgb(40,34,197)
```
#bfc522
```
#bfc522 rgb(191,197,34)
```

Complementary Color

#226ec5
```
#226ec5 rgb(34,110,197)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#7a22c5
```
#7a22c5 rgb(122,34,197)
```

Analogous Color

#6ec522
```
#6ec522 rgb(110,197,34)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#c57a22
```
#c57a22 rgb(197,122,34)
```

Split Complementary Color

#22c528
```
#22c528 rgb(34,197,40)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#c52822
```
#c52822 rgb(197,40,34)
```

Triadic Color

#22bfc5
```
#22bfc5 rgb(34,191,197)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#c52822
```
#c52822 rgb(197,40,34)
```
#bfc522
```
#bfc522 rgb(191,197,34)
```

Tetradic Color

#1b1784
```
#1b1784 rgb(27,23,132)
```
#1f1a9a
```
#1f1a9a rgb(31,26,154)
```
#241eaf
```
#241eaf rgb(36,30,175)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#2d27da
```
#2d27da rgb(45,39,218)
```
#423ddd
```
#423ddd rgb(66,61,221)
```
#5852e1
```
#5852e1 rgb(88,82,225)
```

Monochromatic Color

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

#2245c5
```
#2245c5 rgb(34,69,197)
```
#2237c5
```
#2237c5 rgb(34,55,197)
```
#222ac5
```
#222ac5 rgb(34,42,197)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#3622c5
```
#3622c5 rgb(54,34,197)
```
#4322c5
```
#4322c5 rgb(67,34,197)
```
#5122c5
```
#5122c5 rgb(81,34,197)
```

Similar Colors

Text with hexadecimal color #2822c5

This text has a font color of #2822c5.

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

#2822c5 background color

This paragraph has a background color of #2822c5.

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

#2822c5 border color

This element has a border color of #2822c5.

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

CSS codes

.text {color:#2822c5;}

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

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

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, #03020d is the darkest color, while #fbfbfe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#06051e
```
#06051e rgb(6,5,30)
```
#09082e
```
#09082e rgb(9,8,46)
```
#0d0b3f
```
#0d0b3f rgb(13,11,63)
```
#100e50
```
#100e50 rgb(16,14,80)
```
#141161
```
#141161 rgb(20,17,97)
```
#171471
```
#171471 rgb(23,20,113)
```
#1a1682
```
#1a1682 rgb(26,22,130)
```
#1e1993
```
#1e1993 rgb(30,25,147)
```
#211ca4
```
#211ca4 rgb(33,28,164)
```
#251fb4
```
#251fb4 rgb(37,31,180)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#2b25d6
```
#2b25d6 rgb(43,37,214)
```

Shade Color Variation

#3933dc
```
#3933dc rgb(57,51,220)
```
#4943df
```
#4943df rgb(73,67,223)
```
#5954e1
```
#5954e1 rgb(89,84,225)
```
#6965e4
```
#6965e4 rgb(105,101,228)
```
#7a75e7
```
#7a75e7 rgb(122,117,231)
```
#8a86ea
```
#8a86ea rgb(138,134,234)
```
#9a97ed
```
#9a97ed rgb(154,151,237)
```
#aaa8f0
```
#aaa8f0 rgb(170,168,240)
```
#bab8f3
```
#bab8f3 rgb(186,184,243)
```
#cbc9f6
```
#cbc9f6 rgb(203,201,246)
```
#dbdaf9
```
#dbdaf9 rgb(219,218,249)
```
#ebebfb
```
#ebebfb rgb(235,235,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#727275
```
#727275 rgb(114,114,117)
```
#6a697e
```
#6a697e rgb(106,105,126)
```
#626087
```
#626087 rgb(98,96,135)
```
#595790
```
#595790 rgb(89,87,144)
```
#514e99
```
#514e99 rgb(81,78,153)
```
#4946a1
```
#4946a1 rgb(73,70,161)
```
#413daa
```
#413daa rgb(65,61,170)
```
#3834b3
```
#3834b3 rgb(56,52,179)
```
#302bbc
```
#302bbc rgb(48,43,188)
```
#2822c5
```
#2822c5 rgb(40,34,197)
```
#2019ce
```
#2019ce rgb(32,25,206)
```
#1810d7
```
#1810d7 rgb(24,16,215)
```
#0f07e0
```
#0f07e0 rgb(15,7,224)
```

Tone Color Variation

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

Dichromacy

#004a91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#0e3ba3 Protanomaly 1% of men, 0.01% of women
#0e3e97 Deuteranomaly 6% of men, 0.4% of women
#0e427f Tritanomaly 0.01% of the population

#2822c5 hex color

#2822c5 Color Information

#2822c5 Color Conversion

Color Schemes with #2822c5

Alternatives to #2822c5

#2822c5 Preview

Shades and Tints of #2822c5

Tones of #2822c5

Color Blindness Simulator