#828ff6 hex color

In a RGB color space, hex #828ff6 is composed of 51% red, 56.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 41.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 233.3 degrees, a saturation of 86.6% and a lightness of 73.7%. #828ff6 color hex could be obtained by blending #ffffff with #051fed. 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

● #828ff6 color description : Soft blue.

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

Hex triplet	828ff6	`#828ff6`
RGB Decimal	130, 143, 246	`rgb(130,143,246)`
RGB Percent	51, 56.1, 96.5	`rgb(51%,56.1%,96.5%)`
CMYK	47, 42, 0, 4
HSL	233.3°, 86.6, 73.7	`hsl(233.3,86.6%,73.7%)`
HSV (or HSB)	233.3°, 47.2, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.544, 22.067, -53.173
XYZ	35.66, 31.043, 91.297
xyY	0.226, 0.196, 31.043
CIE-LCH	62.544, 57.57, 292.539
CIE-LUV	62.544, -11.251, -87.752
Hunter-Lab	55.717, 16.739, -58.151
Binary	10000010, 10001111, 11110110

#828ff6
```
#828ff6 rgb(130,143,246)
```
#f6e982
```
#f6e982 rgb(246,233,130)
```

Complementary Color

#82c9f6
```
#82c9f6 rgb(130,201,246)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#af82f6
```
#af82f6 rgb(175,130,246)
```

Analogous Color

#c9f682
```
#c9f682 rgb(201,246,130)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#f6af82
```
#f6af82 rgb(246,175,130)
```

Split Complementary Color

#8ff682
```
#8ff682 rgb(143,246,130)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#f6828f
```
#f6828f rgb(246,130,143)
```

Triadic Color

#82f6e9
```
#82f6e9 rgb(130,246,233)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#f6828f
```
#f6828f rgb(246,130,143)
```
#f6e982
```
#f6e982 rgb(246,233,130)
```

Tetradic Color

#3b4ff1
```
#3b4ff1 rgb(59,79,241)
```
#5264f3
```
#5264f3 rgb(82,100,243)
```
#6a7af4
```
#6a7af4 rgb(106,122,244)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#9aa4f8
```
#9aa4f8 rgb(154,164,248)
```
#b2baf9
```
#b2baf9 rgb(178,186,249)
```
#c9cffb
```
#c9cffb rgb(201,207,251)
```

Monochromatic Color

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

#82acf6
```
#82acf6 rgb(130,172,246)
```
#82a2f6
```
#82a2f6 rgb(130,162,246)
```
#8299f6
```
#8299f6 rgb(130,153,246)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#8285f6
```
#8285f6 rgb(130,133,246)
```
#8882f6
```
#8882f6 rgb(136,130,246)
```
#9282f6
```
#9282f6 rgb(146,130,246)
```

Similar Colors

Text with hexadecimal color #828ff6

This text has a font color of #828ff6.

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

#828ff6 background color

This paragraph has a background color of #828ff6.

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

#828ff6 border color

This element has a border color of #828ff6.

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

CSS codes

.text {color:#828ff6;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020415
```
#020415 rgb(2,4,21)
```
#030728
```
#030728 rgb(3,7,40)
```
#040a3a
```
#040a3a rgb(4,10,58)
```
#050d4c
```
#050d4c rgb(5,13,76)
```
#07115f
```
#07115f rgb(7,17,95)
```
#081471
```
#081471 rgb(8,20,113)
```
#091783
```
#091783 rgb(9,23,131)
```
#0b1a95
```
#0b1a95 rgb(11,26,149)
```
#0c1ea8
```
#0c1ea8 rgb(12,30,168)
```
#0d21ba
```
#0d21ba rgb(13,33,186)
```
#0f24cc
```
#0f24cc rgb(15,36,204)
```
#1027df
```
#1027df rgb(16,39,223)
```

Shade Color Variation

#142dee
```
#142dee rgb(20,45,238)
```
#273def
```
#273def rgb(39,61,239)
```
#394df1
```
#394df1 rgb(57,77,241)
```
#4b5ef2
```
#4b5ef2 rgb(75,94,242)
```
#5d6ef3
```
#5d6ef3 rgb(93,110,243)
```
#707ff5
```
#707ff5 rgb(112,127,245)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#949ff7
```
#949ff7 rgb(148,159,247)
```
#a7b0f9
```
#a7b0f9 rgb(167,176,249)
```
#b9c0fa
```
#b9c0fa rgb(185,192,250)
```
#cbd1fb
```
#cbd1fb rgb(203,209,251)
```
#dde1fd
```
#dde1fd rgb(221,225,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#bbbbbd
```
#bbbbbd rgb(187,187,189)
```
#b6b7c2
```
#b6b7c2 rgb(182,183,194)
```
#b0b3c8
```
#b0b3c8 rgb(176,179,200)
```
#abafcd
```
#abafcd rgb(171,175,205)
```
#a6abd2
```
#a6abd2 rgb(166,171,210)
```
#a1a7d7
```
#a1a7d7 rgb(161,167,215)
```
#9ca3dc
```
#9ca3dc rgb(156,163,220)
```
#979fe1
```
#979fe1 rgb(151,159,225)
```
#919be7
```
#919be7 rgb(145,155,231)
```
#8c97ec
```
#8c97ec rgb(140,151,236)
```
#8793f1
```
#8793f1 rgb(135,147,241)
```
#828ff6
```
#828ff6 rgb(130,143,246)
```
#7d8bfb
```
#7d8bfb rgb(125,139,251)
```

Tone Color Variation

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

#7099fa Protanopia 1% of men
#629df3 Deuteranopia 1% of men
#6ea5b1 Tritanopia 0.001% of the population

Trichromacy

#7695f8 Protanomaly 1% of men, 0.01% of women
#6e98f4 Deuteranomaly 6% of men, 0.4% of women
#759dca Tritanomaly 0.01% of the population

#828ff6 hex color

#828ff6 Color Information

#828ff6 Color Conversion

Color Schemes with #828ff6

Alternatives to #828ff6

#828ff6 Preview

Shades and Tints of #828ff6

Tones of #828ff6

Color Blindness Simulator