#2822dd hex color

In a RGB color space, hex #2822dd is composed of 15.7% red, 13.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 84.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 241.9 degrees, a saturation of 73.3% and a lightness of 50%. #2822dd color hex could be obtained by blending #5044ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 13
- B 87
RGB color chart
- C 82
- M 85
- Y 0
- K 13
CMYK color chart

● #2822dd color description : Bright blue.

The hexadecimal color #2822dd has RGB values of R:40, G:34, B:221 and CMYK values of C:0.82, M:0.85, Y:0, K:0.13. Its decimal value is 2630365.

Hex triplet	2822dd	`#2822dd`
RGB Decimal	40, 34, 221	`rgb(40,34,221)`
RGB Percent	15.7, 13.3, 86.7	`rgb(15.7%,13.3%,86.7%)`
CMYK	82, 85, 0, 13
HSL	241.9°, 73.3, 50	`hsl(241.9,73.3%,50%)`
HSV (or HSB)	241.9°, 84.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.381, 62.909, -90.058
XYZ	14.496, 6.815, 68.954
xyY	0.161, 0.075, 6.815
CIE-LCH	31.381, 109.855, 304.936
CIE-LUV	31.381, -7.607, -113.735
Hunter-Lab	26.105, 53.435, -138.337
Binary	00101000, 00100010, 11011101

#2822dd
```
#2822dd rgb(40,34,221)
```
#d7dd22
```
#d7dd22 rgb(215,221,34)
```

Complementary Color

#227add
```
#227add rgb(34,122,221)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#8622dd
```
#8622dd rgb(134,34,221)
```

Analogous Color

#7add22
```
#7add22 rgb(122,221,34)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#dd8622
```
#dd8622 rgb(221,134,34)
```

Split Complementary Color

#22dd28
```
#22dd28 rgb(34,221,40)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#dd2822
```
#dd2822 rgb(221,40,34)
```

Triadic Color

#22d7dd
```
#22d7dd rgb(34,215,221)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#dd2822
```
#dd2822 rgb(221,40,34)
```
#d7dd22
```
#d7dd22 rgb(215,221,34)
```

Tetradic Color

#1c189b
```
#1c189b rgb(28,24,155)
```
#201bb1
```
#201bb1 rgb(32,27,177)
```
#241fc7
```
#241fc7 rgb(36,31,199)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#3d38e0
```
#3d38e0 rgb(61,56,224)
```
#534ee4
```
#534ee4 rgb(83,78,228)
```
#6964e7
```
#6964e7 rgb(105,100,231)
```

Monochromatic Color

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

#224bdd
```
#224bdd rgb(34,75,221)
```
#223bdd
```
#223bdd rgb(34,59,221)
```
#222cdd
```
#222cdd rgb(34,44,221)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#3822dd
```
#3822dd rgb(56,34,221)
```
#4722dd
```
#4722dd rgb(71,34,221)
```
#5722dd
```
#5722dd rgb(87,34,221)
```

Similar Colors

Text with hexadecimal color #2822dd

This text has a font color of #2822dd.

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

#2822dd background color

This paragraph has a background color of #2822dd.

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

#2822dd border color

This element has a border color of #2822dd.

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

CSS codes

.text {color:#2822dd;}

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

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

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

#030311
```
#030311 rgb(3,3,17)
```
#060522
```
#060522 rgb(6,5,34)
```
#090833
```
#090833 rgb(9,8,51)
```
#0c0a44
```
#0c0a44 rgb(12,10,68)
```
#0f0d55
```
#0f0d55 rgb(15,13,85)
```
#121066
```
#121066 rgb(18,16,102)
```
#161277
```
#161277 rgb(22,18,119)
```
#191588
```
#191588 rgb(25,21,136)
```
#1c1899
```
#1c1899 rgb(28,24,153)
```
#1f1aaa
```
#1f1aaa rgb(31,26,170)
```
#221dbb
```
#221dbb rgb(34,29,187)
```
#251fcc
```
#251fcc rgb(37,31,204)
```
#2822dd
```
#2822dd rgb(40,34,221)
```

Shade Color Variation

#3933e0
```
#3933e0 rgb(57,51,224)
```
#4944e2
```
#4944e2 rgb(73,68,226)
```
#5a55e5
```
#5a55e5 rgb(90,85,229)
```
#6a66e7
```
#6a66e7 rgb(106,102,231)
```
#7b77ea
```
#7b77ea rgb(123,119,234)
```
#8b88ed
```
#8b88ed rgb(139,136,237)
```
#9c99ef
```
#9c99ef rgb(156,153,239)
```
#acaaf2
```
#acaaf2 rgb(172,170,242)
```
#bdbbf5
```
#bdbbf5 rgb(189,187,245)
```
#cdccf7
```
#cdccf7 rgb(205,204,247)
```
#deddfa
```
#deddfa rgb(222,221,250)
```
#eeeefc
```
#eeeefc rgb(238,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7a85
```
#7b7a85 rgb(123,122,133)
```
#71708f
```
#71708f rgb(113,112,143)
```
#686798
```
#686798 rgb(104,103,152)
```
#5f5da2
```
#5f5da2 rgb(95,93,162)
```
#5653ac
```
#5653ac rgb(86,83,172)
```
#4d49b6
```
#4d49b6 rgb(77,73,182)
```
#443fc0
```
#443fc0 rgb(68,63,192)
```
#3a36c9
```
#3a36c9 rgb(58,54,201)
```
#312cd3
```
#312cd3 rgb(49,44,211)
```
#2822dd
```
#2822dd rgb(40,34,221)
```
#1f18e7
```
#1f18e7 rgb(31,24,231)
```
#160ef1
```
#160ef1 rgb(22,14,241)
```
#0c05fa
```
#0c05fa rgb(12,5,250)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#36345a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0e3fb4 Protanomaly 1% of men, 0.01% of women
#0e42a6 Deuteranomaly 6% of men, 0.4% of women
#0e468d Tritanomaly 0.01% of the population

#2822dd hex color

#2822dd Color Information

#2822dd Color Conversion

Color Schemes with #2822dd

Alternatives to #2822dd

#2822dd Preview

Shades and Tints of #2822dd

Tones of #2822dd

Color Blindness Simulator