#828bf3 hex color

In a RGB color space, hex #828bf3 is composed of 51% red, 54.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 42.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 235.2 degrees, a saturation of 82.5% and a lightness of 73.1%. #828bf3 color hex could be obtained by blending #ffffff with #0517e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 55
- B 95
RGB color chart
- C 47
- M 43
- Y 0
- K 5
CMYK color chart

● #828bf3 color description : Soft blue.

The hexadecimal color #828bf3 has RGB values of R:130, G:139, B:243 and CMYK values of C:0.47, M:0.43, Y:0, K:0.05. Its decimal value is 8555507.

Hex triplet	828bf3	`#828bf3`
RGB Decimal	130, 139, 243	`rgb(130,139,243)`
RGB Percent	51, 54.5, 95.3	`rgb(51%,54.5%,95.3%)`
CMYK	47, 43, 0, 5
HSL	235.2°, 82.5, 73.1	`hsl(235.2,82.5%,73.1%)`
HSV (or HSB)	235.2°, 46.5, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	61.378, 23.531, -53.375
XYZ	34.613, 29.681, 88.694
xyY	0.226, 0.194, 29.681
CIE-LCH	61.378, 58.331, 293.791
CIE-LUV	61.378, -9.755, -87.939
Hunter-Lab	54.48, 18.066, -58.388
Binary	10000010, 10001011, 11110011

#828bf3
```
#828bf3 rgb(130,139,243)
```
#f3ea82
```
#f3ea82 rgb(243,234,130)
```

Complementary Color

#82c4f3
```
#82c4f3 rgb(130,196,243)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#b282f3
```
#b282f3 rgb(178,130,243)
```

Analogous Color

#c4f382
```
#c4f382 rgb(196,243,130)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#f3b282
```
#f3b282 rgb(243,178,130)
```

Split Complementary Color

#8bf382
```
#8bf382 rgb(139,243,130)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#f3828b
```
#f3828b rgb(243,130,139)
```

Triadic Color

#82f3ea
```
#82f3ea rgb(130,243,234)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#f3828b
```
#f3828b rgb(243,130,139)
```
#f3ea82
```
#f3ea82 rgb(243,234,130)
```

Tetradic Color

#3c4aec
```
#3c4aec rgb(60,74,236)
```
#5360ef
```
#5360ef rgb(83,96,239)
```
#6b75f1
```
#6b75f1 rgb(107,117,241)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#99a1f5
```
#99a1f5 rgb(153,161,245)
```
#b1b6f7
```
#b1b6f7 rgb(177,182,247)
```
#c8ccfa
```
#c8ccfa rgb(200,204,250)
```

Monochromatic Color

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

#82a7f3
```
#82a7f3 rgb(130,167,243)
```
#829ef3
```
#829ef3 rgb(130,158,243)
```
#8294f3
```
#8294f3 rgb(130,148,243)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#8282f3
```
#8282f3 rgb(130,130,243)
```
#8c82f3
```
#8c82f3 rgb(140,130,243)
```
#9582f3
```
#9582f3 rgb(149,130,243)
```

Similar Colors

Text with hexadecimal color #828bf3

This text has a font color of #828bf3.

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

#828bf3 background color

This paragraph has a background color of #828bf3.

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

#828bf3 border color

This element has a border color of #828bf3.

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

CSS codes

.text {color:#828bf3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020312
```
#020312 rgb(2,3,18)
```
#030624
```
#030624 rgb(3,6,36)
```
#050936
```
#050936 rgb(5,9,54)
```
#070c48
```
#070c48 rgb(7,12,72)
```
#090f5a
```
#090f5a rgb(9,15,90)
```
#0a126c
```
#0a126c rgb(10,18,108)
```
#0c157e
```
#0c157e rgb(12,21,126)
```
#0e188f
```
#0e188f rgb(14,24,143)
```
#0f1ba1
```
#0f1ba1 rgb(15,27,161)
```
#111eb3
```
#111eb3 rgb(17,30,179)
```
#1321c5
```
#1321c5 rgb(19,33,197)
```
#1524d7
```
#1524d7 rgb(21,36,215)
```

Shade Color Variation

#1727e9
```
#1727e9 rgb(23,39,233)
```
#2938ea
```
#2938ea rgb(41,56,234)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#4c59ee
```
#4c59ee rgb(76,89,238)
```
#5e6af0
```
#5e6af0 rgb(94,106,240)
```
#707af1
```
#707af1 rgb(112,122,241)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#949cf5
```
#949cf5 rgb(148,156,245)
```
#a6acf6
```
#a6acf6 rgb(166,172,246)
```
#b8bdf8
```
#b8bdf8 rgb(184,189,248)
```
#cacdfa
```
#cacdfa rgb(202,205,250)
```
#dbdefc
```
#dbdefc rgb(219,222,252)
```
#edeffd
```
#edeffd rgb(237,239,253)
```

Tint Color Variation

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

#b7b7be
```
#b7b7be rgb(183,183,190)
```
#b1b3c4
```
#b1b3c4 rgb(177,179,196)
```
#acaec9
```
#acaec9 rgb(172,174,201)
```
#a7aace
```
#a7aace rgb(167,170,206)
```
#a2a6d3
```
#a2a6d3 rgb(162,166,211)
```
#9ca1d9
```
#9ca1d9 rgb(156,161,217)
```
#979dde
```
#979dde rgb(151,157,222)
```
#9298e3
```
#9298e3 rgb(146,152,227)
```
#8d94e8
```
#8d94e8 rgb(141,148,232)
```
#878fee
```
#878fee rgb(135,143,238)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#7d87f8
```
#7d87f8 rgb(125,135,248)
```
#7782fe
```
#7782fe rgb(119,130,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9092a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c96f8 Protanopia 1% of men
#5e9aef Deuteranopia 1% of men
#6ea1ad Tritanopia 0.001% of the population

Trichromacy

#7492f6 Protanomaly 1% of men, 0.01% of women
#6b94f1 Deuteranomaly 6% of men, 0.4% of women
#7599c6 Tritanomaly 0.01% of the population

#828bf3 hex color

#828bf3 Color Information

#828bf3 Color Conversion

Color Schemes with #828bf3

Alternatives to #828bf3

#828bf3 Preview

Shades and Tints of #828bf3

Tones of #828bf3

Color Blindness Simulator