#828ed2 hex color

In a RGB color space, hex #828ed2 is composed of 51% red, 55.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 32.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 231 degrees, a saturation of 47.1% and a lightness of 66.7%. #828ed2 color hex could be obtained by blending #ffffff with #051da5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 56
- B 82
RGB color chart
- C 38
- M 32
- Y 0
- K 18
CMYK color chart

● #828ed2 color description : Slightly desaturated blue.

The hexadecimal color #828ed2 has RGB values of R:130, G:142, B:210 and CMYK values of C:0.38, M:0.32, Y:0, K:0.18. Its decimal value is 8556242.

Hex triplet	828ed2	`#828ed2`
RGB Decimal	130, 142, 210	`rgb(130,142,210)`
RGB Percent	51, 55.7, 82.4	`rgb(51%,55.7%,82.4%)`
CMYK	38, 32, 0, 18
HSL	231°, 47.1, 66.7	`hsl(231,47.1%,66.7%)`
HSV (or HSB)	231°, 38.1, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.555, 12.369, -36.333
XYZ	30.509, 28.744, 64.91
xyY	0.246, 0.232, 28.744
CIE-LCH	60.555, 38.381, 288.801
CIE-LUV	60.555, -9.384, -58.429
Hunter-Lab	53.614, 7.754, -34.253
Binary	10000010, 10001110, 11010010

#828ed2
```
#828ed2 rgb(130,142,210)
```
#d2c682
```
#d2c682 rgb(210,198,130)
```

Complementary Color

#82b6d2
```
#82b6d2 rgb(130,182,210)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#9e82d2
```
#9e82d2 rgb(158,130,210)
```

Analogous Color

#b6d282
```
#b6d282 rgb(182,210,130)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#d29e82
```
#d29e82 rgb(210,158,130)
```

Split Complementary Color

#8ed282
```
#8ed282 rgb(142,210,130)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#d2828e
```
#d2828e rgb(210,130,142)
```

Triadic Color

#82d2c6
```
#82d2c6 rgb(130,210,198)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#d2828e
```
#d2828e rgb(210,130,142)
```
#d2c682
```
#d2c682 rgb(210,198,130)
```

Tetradic Color

#4a5bbe
```
#4a5bbe rgb(74,91,190)
```
#5d6cc5
```
#5d6cc5 rgb(93,108,197)
```
#6f7dcb
```
#6f7dcb rgb(111,125,203)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#959fd9
```
#959fd9 rgb(149,159,217)
```
#a8b0e0
```
#a8b0e0 rgb(168,176,224)
```
#bac1e6
```
#bac1e6 rgb(186,193,230)
```

Monochromatic Color

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

#82a2d2
```
#82a2d2 rgb(130,162,210)
```
#829bd2
```
#829bd2 rgb(130,155,210)
```
#8295d2
```
#8295d2 rgb(130,149,210)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#8287d2
```
#8287d2 rgb(130,135,210)
```
#8382d2
```
#8382d2 rgb(131,130,210)
```
#8a82d2
```
#8a82d2 rgb(138,130,210)
```

Similar Colors

Text with hexadecimal color #828ed2

This text has a font color of #828ed2.

<span style="color:#828ed2;">Text here</span>

#828ed2 background color

This paragraph has a background color of #828ed2.

<p style="background-color:#828ed2;">Content here</p>

#828ed2 border color

This element has a border color of #828ed2.

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

CSS codes

.text {color:#828ed2;}

.background {background-color:#828ed2;}

.border {border:1px solid #828ed2;}

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

#020205
```
#020205 rgb(2,2,5)
```
#070913
```
#070913 rgb(7,9,19)
```
#0c0f22
```
#0c0f22 rgb(12,15,34)
```
#111630
```
#111630 rgb(17,22,48)
```
#171d3e
```
#171d3e rgb(23,29,62)
```
#1c234d
```
#1c234d rgb(28,35,77)
```
#212a5b
```
#212a5b rgb(33,42,91)
```
#26306a
```
#26306a rgb(38,48,106)
```
#2b3778
```
#2b3778 rgb(43,55,120)
```
#303d87
```
#303d87 rgb(48,61,135)
```
#364495
```
#364495 rgb(54,68,149)
```
#3b4ba3
```
#3b4ba3 rgb(59,75,163)
```
#4051b2
```
#4051b2 rgb(64,81,178)
```

Shade Color Variation

#485abd
```
#485abd rgb(72,90,189)
```
#5767c2
```
#5767c2 rgb(87,103,194)
```
#6574c8
```
#6574c8 rgb(101,116,200)
```
#7481cd
```
#7481cd rgb(116,129,205)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#909bd7
```
#909bd7 rgb(144,155,215)
```
#9fa8dc
```
#9fa8dc rgb(159,168,220)
```
#adb5e2
```
#adb5e2 rgb(173,181,226)
```
#bcc2e7
```
#bcc2e7 rgb(188,194,231)
```
#cacfec
```
#cacfec rgb(202,207,236)
```
#d9dcf1
```
#d9dcf1 rgb(217,220,241)
```
#e7e9f6
```
#e7e9f6 rgb(231,233,246)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

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

#a9a9ab
```
#a9a9ab rgb(169,169,171)
```
#a3a5b1
```
#a3a5b1 rgb(163,165,177)
```
#9ca0b8
```
#9ca0b8 rgb(156,160,184)
```
#969cbe
```
#969cbe rgb(150,156,190)
```
#8f97c5
```
#8f97c5 rgb(143,151,197)
```
#8993cb
```
#8993cb rgb(137,147,203)
```
#828ed2
```
#828ed2 rgb(130,142,210)
```
#7b89d9
```
#7b89d9 rgb(123,137,217)
```
#7585df
```
#7585df rgb(117,133,223)
```
#6e80e6
```
#6e80e6 rgb(110,128,230)
```
#687cec
```
#687cec rgb(104,124,236)
```
#6177f3
```
#6177f3 rgb(97,119,243)
```
#5b73f9
```
#5b73f9 rgb(91,115,249)
```

Tone Color Variation

Below, you can see how #828ed2 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

#929292 Achromatopsia 0.005% of the population
#8f919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8195d5 Protanopia 1% of men
#7e96d3 Deuteranopia 1% of men
#7b9da8 Tritanopia 0.001% of the population

Trichromacy

#8192d4 Protanomaly 1% of men, 0.01% of women
#7f93d2 Deuteranomaly 6% of men, 0.4% of women
#7d97b7 Tritanomaly 0.01% of the population

#828ed2 hex color

#828ed2 Color Information

#828ed2 Color Conversion

Color Schemes with #828ed2

Alternatives to #828ed2

#828ed2 Preview

Shades and Tints of #828ed2

Tones of #828ed2

Color Blindness Simulator