#828ff2 hex color

In a RGB color space, hex #828ff2 is composed of 51% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 233 degrees, a saturation of 81.2% and a lightness of 72.9%. #828ff2 color hex could be obtained by blending #ffffff with #051fe5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 56
- B 95
RGB color chart
- C 46
- M 41
- Y 0
- K 5
CMYK color chart

● #828ff2 color description : Soft blue.

The hexadecimal color #828ff2 has RGB values of R:130, G:143, B:242 and CMYK values of C:0.46, M:0.41, Y:0, K:0.05. Its decimal value is 8556530.

Hex triplet	828ff2	`#828ff2`
RGB Decimal	130, 143, 242	`rgb(130,143,242)`
RGB Percent	51, 56.1, 94.9	`rgb(51%,56.1%,94.9%)`
CMYK	46, 41, 0, 5
HSL	233°, 81.2, 72.9	`hsl(233,81.2%,72.9%)`
HSV (or HSB)	233°, 46.3, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.339, 20.893, -51.298
XYZ	35.052, 30.8, 88.098
xyY	0.228, 0.2, 30.8
CIE-LCH	62.339, 55.39, 292.16
CIE-LUV	62.339, -11.088, -84.478
Hunter-Lab	55.498, 15.618, -55.268
Binary	10000010, 10001111, 11110010

#828ff2
```
#828ff2 rgb(130,143,242)
```
#f2e582
```
#f2e582 rgb(242,229,130)
```

Complementary Color

#82c7f2
```
#82c7f2 rgb(130,199,242)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#ad82f2
```
#ad82f2 rgb(173,130,242)
```

Analogous Color

#c7f282
```
#c7f282 rgb(199,242,130)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#f2ad82
```
#f2ad82 rgb(242,173,130)
```

Split Complementary Color

#8ff282
```
#8ff282 rgb(143,242,130)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#f2828f
```
#f2828f rgb(242,130,143)
```

Triadic Color

#82f2e5
```
#82f2e5 rgb(130,242,229)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#f2828f
```
#f2828f rgb(242,130,143)
```
#f2e582
```
#f2e582 rgb(242,229,130)
```

Tetradic Color

#3d51eb
```
#3d51eb rgb(61,81,235)
```
#5466ed
```
#5466ed rgb(84,102,237)
```
#6b7af0
```
#6b7af0 rgb(107,122,240)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#99a4f4
```
#99a4f4 rgb(153,164,244)
```
#b0b8f7
```
#b0b8f7 rgb(176,184,247)
```
#c7cdf9
```
#c7cdf9 rgb(199,205,249)
```

Monochromatic Color

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

#82abf2
```
#82abf2 rgb(130,171,242)
```
#82a2f2
```
#82a2f2 rgb(130,162,242)
```
#8298f2
```
#8298f2 rgb(130,152,242)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#8286f2
```
#8286f2 rgb(130,134,242)
```
#8882f2
```
#8882f2 rgb(136,130,242)
```
#9182f2
```
#9182f2 rgb(145,130,242)
```

Similar Colors

Text with hexadecimal color #828ff2

This text has a font color of #828ff2.

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

#828ff2 background color

This paragraph has a background color of #828ff2.

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

#828ff2 border color

This element has a border color of #828ff2.

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

CSS codes

.text {color:#828ff2;}

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

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

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

#020411
```
#020411 rgb(2,4,17)
```
#040723
```
#040723 rgb(4,7,35)
```
#050b35
```
#050b35 rgb(5,11,53)
```
#070f46
```
#070f46 rgb(7,15,70)
```
#091258
```
#091258 rgb(9,18,88)
```
#0b166a
```
#0b166a rgb(11,22,106)
```
#0d1a7c
```
#0d1a7c rgb(13,26,124)
```
#0f1d8e
```
#0f1d8e rgb(15,29,142)
```
#11219f
```
#11219f rgb(17,33,159)
```
#1225b1
```
#1225b1 rgb(18,37,177)
```
#1429c3
```
#1429c3 rgb(20,41,195)
```
#162cd5
```
#162cd5 rgb(22,44,213)
```
#1830e6
```
#1830e6 rgb(24,48,230)
```

Shade Color Variation

#293fe9
```
#293fe9 rgb(41,63,233)
```
#3b4feb
```
#3b4feb rgb(59,79,235)
```
#4d5fec
```
#4d5fec rgb(77,95,236)
```
#5e6fee
```
#5e6fee rgb(94,111,238)
```
#707ff0
```
#707ff0 rgb(112,127,240)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#949ff4
```
#949ff4 rgb(148,159,244)
```
#a6aff6
```
#a6aff6 rgb(166,175,246)
```
#b7bff8
```
#b7bff8 rgb(183,191,248)
```
#c9cff9
```
#c9cff9 rgb(201,207,249)
```
#dbdffb
```
#dbdffb rgb(219,223,251)
```
#edeffd
```
#edeffd rgb(237,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b7b8bd
```
#b7b8bd rgb(183,184,189)
```
#b2b4c2
```
#b2b4c2 rgb(178,180,194)
```
#acb0c8
```
#acb0c8 rgb(172,176,200)
```
#a7accd
```
#a7accd rgb(167,172,205)
```
#a2a7d2
```
#a2a7d2 rgb(162,167,210)
```
#9da3d7
```
#9da3d7 rgb(157,163,215)
```
#979fdd
```
#979fdd rgb(151,159,221)
```
#929be2
```
#929be2 rgb(146,155,226)
```
#8d97e7
```
#8d97e7 rgb(141,151,231)
```
#8793ed
```
#8793ed rgb(135,147,237)
```
#828ff2
```
#828ff2 rgb(130,143,242)
```
#7d8bf7
```
#7d8bf7 rgb(125,139,247)
```
#7787fd
```
#7787fd rgb(119,135,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9295a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7299f6 Protanopia 1% of men
#669cef Deuteranopia 1% of men
#70a4b0 Tritanopia 0.001% of the population

Trichromacy

#7895f4 Protanomaly 1% of men, 0.01% of women
#7097f0 Deuteranomaly 6% of men, 0.4% of women
#769cc8 Tritanomaly 0.01% of the population

#828ff2 hex color

#828ff2 Color Information

#828ff2 Color Conversion

Color Schemes with #828ff2

Alternatives to #828ff2

#828ff2 Preview

Shades and Tints of #828ff2

Tones of #828ff2

Color Blindness Simulator