#828ed9 hex color

In a RGB color space, hex #828ed9 is composed of 51% red, 55.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 34.6% magenta, 0% yellow and 14.9% black. It has a hue angle of 231.7 degrees, a saturation of 53.4% and a lightness of 68%. #828ed9 color hex could be obtained by blending #ffffff with #051db3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 56
- B 85
RGB color chart
- C 40
- M 35
- Y 0
- K 15
CMYK color chart

● #828ed9 color description : Very soft blue.

The hexadecimal color #828ed9 has RGB values of R:130, G:142, B:217 and CMYK values of C:0.4, M:0.35, Y:0, K:0.15. Its decimal value is 8556249.

Hex triplet	828ed9	`#828ed9`
RGB Decimal	130, 142, 217	`rgb(130,142,217)`
RGB Percent	51, 55.7, 85.1	`rgb(51%,55.7%,85.1%)`
CMYK	40, 35, 0, 15
HSL	231.7°, 53.4, 68	`hsl(231.7,53.4%,68%)`
HSV (or HSB)	231.7°, 40.1, 85.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.87, 14.313, -39.753
XYZ	31.401, 29.101, 69.604
xyY	0.241, 0.224, 29.101
CIE-LCH	60.87, 42.251, 289.801
CIE-LUV	60.87, -9.682, -64.346
Hunter-Lab	53.945, 9.499, -38.739
Binary	10000010, 10001110, 11011001

#828ed9
```
#828ed9 rgb(130,142,217)
```
#d9cd82
```
#d9cd82 rgb(217,205,130)
```

Complementary Color

#82bad9
```
#82bad9 rgb(130,186,217)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#a282d9
```
#a282d9 rgb(162,130,217)
```

Analogous Color

#bad982
```
#bad982 rgb(186,217,130)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#d9a282
```
#d9a282 rgb(217,162,130)
```

Split Complementary Color

#8ed982
```
#8ed982 rgb(142,217,130)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#d9828e
```
#d9828e rgb(217,130,142)
```

Triadic Color

#82d9cd
```
#82d9cd rgb(130,217,205)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#d9828e
```
#d9828e rgb(217,130,142)
```
#d9cd82
```
#d9cd82 rgb(217,205,130)
```

Tetradic Color

#4759c7
```
#4759c7 rgb(71,89,199)
```
#5b6bcd
```
#5b6bcd rgb(91,107,205)
```
#6e7cd3
```
#6e7cd3 rgb(110,124,211)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#96a0df
```
#96a0df rgb(150,160,223)
```
#a9b1e5
```
#a9b1e5 rgb(169,177,229)
```
#bdc3eb
```
#bdc3eb rgb(189,195,235)
```

Monochromatic Color

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

#82a4d9
```
#82a4d9 rgb(130,164,217)
```
#829dd9
```
#829dd9 rgb(130,157,217)
```
#8295d9
```
#8295d9 rgb(130,149,217)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#8287d9
```
#8287d9 rgb(130,135,217)
```
#8582d9
```
#8582d9 rgb(133,130,217)
```
#8c82d9
```
#8c82d9 rgb(140,130,217)
```

Similar Colors

Text with hexadecimal color #828ed9

This text has a font color of #828ed9.

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

#828ed9 background color

This paragraph has a background color of #828ed9.

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

#828ed9 border color

This element has a border color of #828ed9.

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

CSS codes

.text {color:#828ed9;}

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

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

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, #03040a is the darkest color, while #fafbfe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#080a19
```
#080a19 rgb(8,10,25)
```
#0c1028
```
#0c1028 rgb(12,16,40)
```
#111638
```
#111638 rgb(17,22,56)
```
#151c47
```
#151c47 rgb(21,28,71)
```
#1a2256
```
#1a2256 rgb(26,34,86)
```
#1f2865
```
#1f2865 rgb(31,40,101)
```
#232e74
```
#232e74 rgb(35,46,116)
```
#283483
```
#283483 rgb(40,52,131)
```
#2c3a92
```
#2c3a92 rgb(44,58,146)
```
#3140a1
```
#3140a1 rgb(49,64,161)
```
#3546b0
```
#3546b0 rgb(53,70,176)
```
#3a4cbf
```
#3a4cbf rgb(58,76,191)
```

Shade Color Variation

#4658c7
```
#4658c7 rgb(70,88,199)
```
#5565cb
```
#5565cb rgb(85,101,203)
```
#6473d0
```
#6473d0 rgb(100,115,208)
```
#7380d4
```
#7380d4 rgb(115,128,212)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#919cde
```
#919cde rgb(145,156,222)
```
#a0a9e2
```
#a0a9e2 rgb(160,169,226)
```
#afb7e7
```
#afb7e7 rgb(175,183,231)
```
#bec4eb
```
#bec4eb rgb(190,196,235)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#dce0f4
```
#dce0f4 rgb(220,224,244)
```
#ebedf9
```
#ebedf9 rgb(235,237,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a8a9b3
```
#a8a9b3 rgb(168,169,179)
```
#a1a5ba
```
#a1a5ba rgb(161,165,186)
```
#9ba0c0
```
#9ba0c0 rgb(155,160,192)
```
#959cc6
```
#959cc6 rgb(149,156,198)
```
#8f97cc
```
#8f97cc rgb(143,151,204)
```
#8893d3
```
#8893d3 rgb(136,147,211)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#7c89df
```
#7c89df rgb(124,137,223)
```
#7585e6
```
#7585e6 rgb(117,133,230)
```
#6f80ec
```
#6f80ec rgb(111,128,236)
```
#697cf2
```
#697cf2 rgb(105,124,242)
```
#6377f8
```
#6377f8 rgb(99,119,248)
```
#5c73ff
```
#5c73ff rgb(92,115,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9092a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e96dc Protanopia 1% of men
#7997d9 Deuteranopia 1% of men
#799ea9 Tritanopia 0.001% of the population

Trichromacy

#7f93db Protanomaly 1% of men, 0.01% of women
#7c94d9 Deuteranomaly 6% of men, 0.4% of women
#7c98bb Tritanomaly 0.01% of the population

#828ed9 hex color

#828ed9 Color Information

#828ed9 Color Conversion

Color Schemes with #828ed9

Alternatives to #828ed9

#828ed9 Preview

Shades and Tints of #828ed9

Tones of #828ed9

Color Blindness Simulator