#828ef8 hex color

In a RGB color space, hex #828ef8 is composed of 51% red, 55.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 42.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 233.9 degrees, a saturation of 89.4% and a lightness of 74.1%. #828ef8 color hex could be obtained by blending #ffffff with #051df1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 56
- B 97
RGB color chart
- C 48
- M 43
- Y 0
- K 3
CMYK color chart

● #828ef8 color description : Soft blue.

The hexadecimal color #828ef8 has RGB values of R:130, G:142, B:248 and CMYK values of C:0.48, M:0.43, Y:0, K:0.03. Its decimal value is 8556280.

Hex triplet	828ef8	`#828ef8`
RGB Decimal	130, 142, 248	`rgb(130,142,248)`
RGB Percent	51, 55.7, 97.3	`rgb(51%,55.7%,97.3%)`
CMYK	48, 43, 0, 3
HSL	233.9°, 89.4, 74.1	`hsl(233.9,89.4%,74.1%)`
HSV (or HSB)	233.9°, 47.6, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.396, 23.242, -54.508
XYZ	35.819, 30.868, 92.873
xyY	0.224, 0.193, 30.868
CIE-LCH	62.396, 59.256, 293.093
CIE-LUV	62.396, -10.993, -90.039
Hunter-Lab	55.559, 17.851, -60.218
Binary	10000010, 10001110, 11111000

#828ef8
```
#828ef8 rgb(130,142,248)
```
#f8ec82
```
#f8ec82 rgb(248,236,130)
```

Complementary Color

#82c9f8
```
#82c9f8 rgb(130,201,248)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#b182f8
```
#b182f8 rgb(177,130,248)
```

Analogous Color

#c9f882
```
#c9f882 rgb(201,248,130)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#f8b182
```
#f8b182 rgb(248,177,130)
```

Split Complementary Color

#8ef882
```
#8ef882 rgb(142,248,130)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#f8828e
```
#f8828e rgb(248,130,142)
```

Triadic Color

#82f8ec
```
#82f8ec rgb(130,248,236)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#f8828e
```
#f8828e rgb(248,130,142)
```
#f8ec82
```
#f8ec82 rgb(248,236,130)
```

Tetradic Color

#3a4df4
```
#3a4df4 rgb(58,77,244)
```
#5262f5
```
#5262f5 rgb(82,98,245)
```
#6a78f7
```
#6a78f7 rgb(106,120,247)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#9aa4f9
```
#9aa4f9 rgb(154,164,249)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#cacffc
```
#cacffc rgb(202,207,252)
```

Monochromatic Color

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

#82acf8
```
#82acf8 rgb(130,172,248)
```
#82a2f8
```
#82a2f8 rgb(130,162,248)
```
#8298f8
```
#8298f8 rgb(130,152,248)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#8284f8
```
#8284f8 rgb(130,132,248)
```
#8a82f8
```
#8a82f8 rgb(138,130,248)
```
#9482f8
```
#9482f8 rgb(148,130,248)
```

Similar Colors

Text with hexadecimal color #828ef8

This text has a font color of #828ef8.

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

#828ef8 background color

This paragraph has a background color of #828ef8.

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

#828ef8 border color

This element has a border color of #828ef8.

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

CSS codes

.text {color:#828ef8;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010418
```
#010418 rgb(1,4,24)
```
#02062a
```
#02062a rgb(2,6,42)
```
#03093d
```
#03093d rgb(3,9,61)
```
#040c4f
```
#040c4f rgb(4,12,79)
```
#050f62
```
#050f62 rgb(5,15,98)
```
#071274
```
#071274 rgb(7,18,116)
```
#081587
```
#081587 rgb(8,21,135)
```
#09179a
```
#09179a rgb(9,23,154)
```
#0a1aac
```
#0a1aac rgb(10,26,172)
```
#0b1dbf
```
#0b1dbf rgb(11,29,191)
```
#0c20d1
```
#0c20d1 rgb(12,32,209)
```
#0d23e4
```
#0d23e4 rgb(13,35,228)
```

Shade Color Variation

#1329f2
```
#1329f2 rgb(19,41,242)
```
#253af3
```
#253af3 rgb(37,58,243)
```
#384bf4
```
#384bf4 rgb(56,75,244)
```
#4a5cf5
```
#4a5cf5 rgb(74,92,245)
```
#5d6cf6
```
#5d6cf6 rgb(93,108,246)
```
#6f7df7
```
#6f7df7 rgb(111,125,247)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#959ff9
```
#959ff9 rgb(149,159,249)
```
#a7b0fa
```
#a7b0fa rgb(167,176,250)
```
#bac0fb
```
#bac0fb rgb(186,192,251)
```
#ccd1fc
```
#ccd1fc rgb(204,209,252)
```
#dfe2fd
```
#dfe2fd rgb(223,226,253)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

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

#babac0
```
#babac0 rgb(186,186,192)
```
#b5b6c5
```
#b5b6c5 rgb(181,182,197)
```
#b0b2ca
```
#b0b2ca rgb(176,178,202)
```
#abaecf
```
#abaecf rgb(171,174,207)
```
#a6aad4
```
#a6aad4 rgb(166,170,212)
```
#a0a6da
```
#a0a6da rgb(160,166,218)
```
#9ba2df
```
#9ba2df rgb(155,162,223)
```
#969ee4
```
#969ee4 rgb(150,158,228)
```
#919ae9
```
#919ae9 rgb(145,154,233)
```
#8c96ee
```
#8c96ee rgb(140,150,238)
```
#8792f3
```
#8792f3 rgb(135,146,243)
```
#828ef8
```
#828ef8 rgb(130,142,248)
```
#7d8afd
```
#7d8afd rgb(125,138,253)
```

Tone Color Variation

Below, you can see how #828ef8 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
#9294aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d99fc Protanopia 1% of men
#5e9df4 Deuteranopia 1% of men
#6da4b0 Tritanopia 0.001% of the population

Trichromacy

#7595fa Protanomaly 1% of men, 0.01% of women
#6b97f5 Deuteranomaly 6% of men, 0.4% of women
#749cca Tritanomaly 0.01% of the population

#828ef8 hex color

#828ef8 Color Information

#828ef8 Color Conversion

Color Schemes with #828ef8

Alternatives to #828ef8

#828ef8 Preview

Shades and Tints of #828ef8

Tones of #828ef8

Color Blindness Simulator