#828ff5 hex color

In a RGB color space, hex #828ff5 is composed of 51% red, 56.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 41.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.2 degrees, a saturation of 85.2% and a lightness of 73.5%. #828ff5 color hex could be obtained by blending #ffffff with #051feb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 56
- B 96
RGB color chart
- C 47
- M 42
- Y 0
- K 4
CMYK color chart

● #828ff5 color description : Soft blue.

The hexadecimal color #828ff5 has RGB values of R:130, G:143, B:245 and CMYK values of C:0.47, M:0.42, Y:0, K:0.04. Its decimal value is 8556533.

Hex triplet	828ff5	`#828ff5`
RGB Decimal	130, 143, 245	`rgb(130,143,245)`
RGB Percent	51, 56.1, 96.1	`rgb(51%,56.1%,96.1%)`
CMYK	47, 42, 0, 4
HSL	233.2°, 85.2, 73.5	`hsl(233.2,85.2%,73.5%)`
HSV (or HSB)	233.2°, 46.9, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.493, 21.773, -52.705
XYZ	35.506, 30.982, 90.49
xyY	0.226, 0.197, 30.982
CIE-LCH	62.493, 57.026, 292.446
CIE-LUV	62.493, -11.21, -86.935
Hunter-Lab	55.662, 16.457, -57.426
Binary	10000010, 10001111, 11110101

#828ff5
```
#828ff5 rgb(130,143,245)
```
#f5e882
```
#f5e882 rgb(245,232,130)
```

Complementary Color

#82c9f5
```
#82c9f5 rgb(130,201,245)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#af82f5
```
#af82f5 rgb(175,130,245)
```

Analogous Color

#c9f582
```
#c9f582 rgb(201,245,130)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#f5af82
```
#f5af82 rgb(245,175,130)
```

Split Complementary Color

#8ff582
```
#8ff582 rgb(143,245,130)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#f5828f
```
#f5828f rgb(245,130,143)
```

Triadic Color

#82f5e8
```
#82f5e8 rgb(130,245,232)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#f5828f
```
#f5828f rgb(245,130,143)
```
#f5e882
```
#f5e882 rgb(245,232,130)
```

Tetradic Color

#3b50ef
```
#3b50ef rgb(59,80,239)
```
#5365f1
```
#5365f1 rgb(83,101,241)
```
#6a7af3
```
#6a7af3 rgb(106,122,243)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#9aa4f7
```
#9aa4f7 rgb(154,164,247)
```
#b1b9f9
```
#b1b9f9 rgb(177,185,249)
```
#c9cefb
```
#c9cefb rgb(201,206,251)
```

Monochromatic Color

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

#82acf5
```
#82acf5 rgb(130,172,245)
```
#82a2f5
```
#82a2f5 rgb(130,162,245)
```
#8299f5
```
#8299f5 rgb(130,153,245)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#8285f5
```
#8285f5 rgb(130,133,245)
```
#8882f5
```
#8882f5 rgb(136,130,245)
```
#9282f5
```
#9282f5 rgb(146,130,245)
```

Similar Colors

Text with hexadecimal color #828ff5

This text has a font color of #828ff5.

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

#828ff5 background color

This paragraph has a background color of #828ff5.

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

#828ff5 border color

This element has a border color of #828ff5.

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

CSS codes

.text {color:#828ff5;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020414
```
#020414 rgb(2,4,20)
```
#030726
```
#030726 rgb(3,7,38)
```
#050a39
```
#050a39 rgb(5,10,57)
```
#060e4b
```
#060e4b rgb(6,14,75)
```
#07115d
```
#07115d rgb(7,17,93)
```
#09146f
```
#09146f rgb(9,20,111)
```
#0a1881
```
#0a1881 rgb(10,24,129)
```
#0c1b93
```
#0c1b93 rgb(12,27,147)
```
#0d1ea6
```
#0d1ea6 rgb(13,30,166)
```
#0f22b8
```
#0f22b8 rgb(15,34,184)
```
#1025ca
```
#1025ca rgb(16,37,202)
```
#1228dc
```
#1228dc rgb(18,40,220)
```

Shade Color Variation

#152dec
```
#152dec rgb(21,45,236)
```
#273eee
```
#273eee rgb(39,62,238)
```
#394eef
```
#394eef rgb(57,78,239)
```
#4c5ef1
```
#4c5ef1 rgb(76,94,241)
```
#5e6ef2
```
#5e6ef2 rgb(94,110,242)
```
#707ff4
```
#707ff4 rgb(112,127,244)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#949ff6
```
#949ff6 rgb(148,159,246)
```
#a6b0f8
```
#a6b0f8 rgb(166,176,248)
```
#b8c0f9
```
#b8c0f9 rgb(184,192,249)
```
#cbd0fb
```
#cbd0fb rgb(203,208,251)
```
#dde0fc
```
#dde0fc rgb(221,224,252)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#bbbbbc
```
#bbbbbc rgb(187,187,188)
```
#b6b7c1
```
#b6b7c1 rgb(182,183,193)
```
#b1b3c6
```
#b1b3c6 rgb(177,179,198)
```
#acafcb
```
#acafcb rgb(172,175,203)
```
#a6abd1
```
#a6abd1 rgb(166,171,209)
```
#a1a7d6
```
#a1a7d6 rgb(161,167,214)
```
#9ca3db
```
#9ca3db rgb(156,163,219)
```
#979fe0
```
#979fe0 rgb(151,159,224)
```
#929be5
```
#929be5 rgb(146,155,229)
```
#8c97eb
```
#8c97eb rgb(140,151,235)
```
#8793f0
```
#8793f0 rgb(135,147,240)
```
#828ff5
```
#828ff5 rgb(130,143,245)
```
#7d8bfa
```
#7d8bfa rgb(125,139,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9395aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#7199f9 Protanopia 1% of men
#639df2 Deuteranopia 1% of men
#6ea4b0 Tritanopia 0.001% of the population

Trichromacy

#7795f7 Protanomaly 1% of men, 0.01% of women
#6e97f3 Deuteranomaly 6% of men, 0.4% of women
#759cc9 Tritanomaly 0.01% of the population

#828ff5 hex color

#828ff5 Color Information

#828ff5 Color Conversion

Color Schemes with #828ff5

Alternatives to #828ff5

#828ff5 Preview

Shades and Tints of #828ff5

Tones of #828ff5

Color Blindness Simulator