#2822ce hex color

In a RGB color space, hex #2822ce is composed of 15.7% red, 13.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 83.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 242.1 degrees, a saturation of 71.7% and a lightness of 47.1%. #2822ce color hex could be obtained by blending #5044ff with #00009d. Closest websafe color is: #3333cc.

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

● #2822ce color description : Strong blue.

The hexadecimal color #2822ce has RGB values of R:40, G:34, B:206 and CMYK values of C:0.81, M:0.83, Y:0, K:0.19. Its decimal value is 2630350.

Hex triplet	2822ce	`#2822ce`
RGB Decimal	40, 34, 206	`rgb(40,34,206)`
RGB Percent	15.7, 13.3, 80.8	`rgb(15.7%,13.3%,80.8%)`
CMYK	81, 83, 0, 19
HSL	242.1°, 71.7, 47.1	`hsl(242.1,71.7%,47.1%)`
HSV (or HSB)	242.1°, 83.5, 80.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.54, 58.556, -84.438
XYZ	12.585, 6.051, 58.894
xyY	0.162, 0.078, 6.051
CIE-LCH	29.54, 102.755, 304.74
CIE-LUV	29.54, -6.937, -105.171
Hunter-Lab	24.598, 48.283, -124.737
Binary	00101000, 00100010, 11001110

#2822ce
```
#2822ce rgb(40,34,206)
```
#c8ce22
```
#c8ce22 rgb(200,206,34)
```

Complementary Color

#2272ce
```
#2272ce rgb(34,114,206)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#7e22ce
```
#7e22ce rgb(126,34,206)
```

Analogous Color

#72ce22
```
#72ce22 rgb(114,206,34)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#ce7e22
```
#ce7e22 rgb(206,126,34)
```

Split Complementary Color

#22ce28
```
#22ce28 rgb(34,206,40)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#ce2822
```
#ce2822 rgb(206,40,34)
```

Triadic Color

#22c8ce
```
#22c8ce rgb(34,200,206)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#ce2822
```
#ce2822 rgb(206,40,34)
```
#c8ce22
```
#c8ce22 rgb(200,206,34)
```

Tetradic Color

#1b178c
```
#1b178c rgb(27,23,140)
```
#201ba2
```
#201ba2 rgb(32,27,162)
```
#241eb8
```
#241eb8 rgb(36,30,184)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#332ddc
```
#332ddc rgb(51,45,220)
```
#4943e0
```
#4943e0 rgb(73,67,224)
```
#5e59e4
```
#5e59e4 rgb(94,89,228)
```

Monochromatic Color

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

#2247ce
```
#2247ce rgb(34,71,206)
```
#2239ce
```
#2239ce rgb(34,57,206)
```
#222ace
```
#222ace rgb(34,42,206)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#3622ce
```
#3622ce rgb(54,34,206)
```
#4522ce
```
#4522ce rgb(69,34,206)
```
#5322ce
```
#5322ce rgb(83,34,206)
```

Similar Colors

Text with hexadecimal color #2822ce

This text has a font color of #2822ce.

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

#2822ce background color

This paragraph has a background color of #2822ce.

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

#2822ce border color

This element has a border color of #2822ce.

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

CSS codes

.text {color:#2822ce;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040315
```
#040315 rgb(4,3,21)
```
#070626
```
#070626 rgb(7,6,38)
```
#0b0936
```
#0b0936 rgb(11,9,54)
```
#0e0c47
```
#0e0c47 rgb(14,12,71)
```
#110f58
```
#110f58 rgb(17,15,88)
```
#141169
```
#141169 rgb(20,17,105)
```
#18147a
```
#18147a rgb(24,20,122)
```
#1b178b
```
#1b178b rgb(27,23,139)
```
#1e1a9b
```
#1e1a9b rgb(30,26,155)
```
#211cac
```
#211cac rgb(33,28,172)
```
#251fbd
```
#251fbd rgb(37,31,189)
```
#2822ce
```
#2822ce rgb(40,34,206)
```

Shade Color Variation

#2e28dc
```
#2e28dc rgb(46,40,220)
```
#3f39de
```
#3f39de rgb(63,57,222)
```
#4f4ae1
```
#4f4ae1 rgb(79,74,225)
```
#5f5be4
```
#5f5be4 rgb(95,91,228)
```
#706be7
```
#706be7 rgb(112,107,231)
```
#807ce9
```
#807ce9 rgb(128,124,233)
```
#908dec
```
#908dec rgb(144,141,236)
```
#a19eef
```
#a19eef rgb(161,158,239)
```
#b1aff2
```
#b1aff2 rgb(177,175,242)
```
#c1c0f5
```
#c1c0f5 rgb(193,192,245)
```
#d2d0f7
```
#d2d0f7 rgb(210,208,247)
```
#e2e1fa
```
#e2e1fa rgb(226,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

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

#75757b
```
#75757b rgb(117,117,123)
```
#6d6c84
```
#6d6c84 rgb(109,108,132)
```
#64638d
```
#64638d rgb(100,99,141)
```
#5c5997
```
#5c5997 rgb(92,89,151)
```
#5350a0
```
#5350a0 rgb(83,80,160)
```
#4a47a9
```
#4a47a9 rgb(74,71,169)
```
#423eb2
```
#423eb2 rgb(66,62,178)
```
#3934bc
```
#3934bc rgb(57,52,188)
```
#312bc5
```
#312bc5 rgb(49,43,197)
```
#2822ce
```
#2822ce rgb(40,34,206)
```
#1f19d7
```
#1f19d7 rgb(31,25,215)
```
#1710e0
```
#1710e0 rgb(23,16,224)
```
#0e06ea
```
#0e06ea rgb(14,6,234)
```

Tone Color Variation

Below, you can see how #2822ce 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

#373737 Achromatopsia 0.005% of the population
#343355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0e3daa Protanomaly 1% of men, 0.01% of women
#0e409d Deuteranomaly 6% of men, 0.4% of women
#0e4384 Tritanomaly 0.01% of the population

#2822ce hex color

#2822ce Color Information

#2822ce Color Conversion

Color Schemes with #2822ce

Alternatives to #2822ce

#2822ce Preview

Shades and Tints of #2822ce

Tones of #2822ce

Color Blindness Simulator