#828bd4 hex color

In a RGB color space, hex #828bd4 is composed of 51% red, 54.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 34.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 233.4 degrees, a saturation of 48.8% and a lightness of 67.1%. #828bd4 color hex could be obtained by blending #ffffff with #0517a9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 55
- B 83
RGB color chart
- C 39
- M 34
- Y 0
- K 17
CMYK color chart

● #828bd4 color description : Slightly desaturated blue.

The hexadecimal color #828bd4 has RGB values of R:130, G:139, B:212 and CMYK values of C:0.39, M:0.34, Y:0, K:0.17. Its decimal value is 8555476.

Hex triplet	828bd4	`#828bd4`
RGB Decimal	130, 139, 212	`rgb(130,139,212)`
RGB Percent	51, 54.5, 83.1	`rgb(51%,54.5%,83.1%)`
CMYK	39, 34, 0, 17
HSL	233.4°, 48.8, 67.1	`hsl(233.4,48.8%,67.1%)`
HSV (or HSB)	233.4°, 38.7, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.856, 14.673, -38.547
XYZ	30.32, 27.964, 66.084
xyY	0.244, 0.225, 27.964
CIE-LCH	59.856, 41.245, 290.839
CIE-LUV	59.856, -8.317, -62.225
Hunter-Lab	52.881, 9.804, -37.077
Binary	10000010, 10001011, 11010100

#828bd4
```
#828bd4 rgb(130,139,212)
```
#d4cb82
```
#d4cb82 rgb(212,203,130)
```

Complementary Color

#82b4d4
```
#82b4d4 rgb(130,180,212)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#a282d4
```
#a282d4 rgb(162,130,212)
```

Analogous Color

#b4d482
```
#b4d482 rgb(180,212,130)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#d4a282
```
#d4a282 rgb(212,162,130)
```

Split Complementary Color

#8bd482
```
#8bd482 rgb(139,212,130)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#d4828b
```
#d4828b rgb(212,130,139)
```

Triadic Color

#82d4cb
```
#82d4cb rgb(130,212,203)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#d4828b
```
#d4828b rgb(212,130,139)
```
#d4cb82
```
#d4cb82 rgb(212,203,130)
```

Tetradic Color

#4956c0
```
#4956c0 rgb(73,86,192)
```
#5c68c7
```
#5c68c7 rgb(92,104,199)
```
#6f79cd
```
#6f79cd rgb(111,121,205)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#959ddb
```
#959ddb rgb(149,157,219)
```
#a8aee1
```
#a8aee1 rgb(168,174,225)
```
#bbc0e8
```
#bbc0e8 rgb(187,192,232)
```

Monochromatic Color

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

#82a0d4
```
#82a0d4 rgb(130,160,212)
```
#8299d4
```
#8299d4 rgb(130,153,212)
```
#8292d4
```
#8292d4 rgb(130,146,212)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#8284d4
```
#8284d4 rgb(130,132,212)
```
#8782d4
```
#8782d4 rgb(135,130,212)
```
#8e82d4
```
#8e82d4 rgb(142,130,212)
```

Similar Colors

Text with hexadecimal color #828bd4

This text has a font color of #828bd4.

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

#828bd4 background color

This paragraph has a background color of #828bd4.

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

#828bd4 border color

This element has a border color of #828bd4.

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

CSS codes

.text {color:#828bd4;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070915
```
#070915 rgb(7,9,21)
```
#0c0f24
```
#0c0f24 rgb(12,15,36)
```
#111532
```
#111532 rgb(17,21,50)
```
#161b41
```
#161b41 rgb(22,27,65)
```
#1b214f
```
#1b214f rgb(27,33,79)
```
#20275e
```
#20275e rgb(32,39,94)
```
#252d6d
```
#252d6d rgb(37,45,109)
```
#2a337b
```
#2a337b rgb(42,51,123)
```
#2f398a
```
#2f398a rgb(47,57,138)
```
#343f98
```
#343f98 rgb(52,63,152)
```
#3945a7
```
#3945a7 rgb(57,69,167)
```
#3e4bb5
```
#3e4bb5 rgb(62,75,181)
```

Shade Color Variation

#4855c0
```
#4855c0 rgb(72,85,192)
```
#5662c5
```
#5662c5 rgb(86,98,197)
```
#6570ca
```
#6570ca rgb(101,112,202)
```
#737dcf
```
#737dcf rgb(115,125,207)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#9199d9
```
#9199d9 rgb(145,153,217)
```
#9fa6de
```
#9fa6de rgb(159,166,222)
```
#aeb4e3
```
#aeb4e3 rgb(174,180,227)
```
#bcc1e8
```
#bcc1e8 rgb(188,193,232)
```
#cbcfed
```
#cbcfed rgb(203,207,237)
```
#dadcf2
```
#dadcf2 rgb(218,220,242)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#a9a9ad
```
#a9a9ad rgb(169,169,173)
```
#a2a4b4
```
#a2a4b4 rgb(162,164,180)
```
#9c9fba
```
#9c9fba rgb(156,159,186)
```
#959ac1
```
#959ac1 rgb(149,154,193)
```
#8f95c7
```
#8f95c7 rgb(143,149,199)
```
#8890ce
```
#8890ce rgb(136,144,206)
```
#828bd4
```
#828bd4 rgb(130,139,212)
```
#7c86da
```
#7c86da rgb(124,134,218)
```
#7581e1
```
#7581e1 rgb(117,129,225)
```
#6f7ce7
```
#6f7ce7 rgb(111,124,231)
```
#6877ee
```
#6877ee rgb(104,119,238)
```
#6272f4
```
#6272f4 rgb(98,114,244)
```
#5b6dfb
```
#5b6dfb rgb(91,109,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8e909e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c93d8 Protanopia 1% of men
#7995d4 Deuteranopia 1% of men
#7a9ba6 Tritanopia 0.001% of the population

Trichromacy

#7e90d6 Protanomaly 1% of men, 0.01% of women
#7c91d4 Deuteranomaly 6% of men, 0.4% of women
#7c95b7 Tritanomaly 0.01% of the population

#828bd4 hex color

#828bd4 Color Information

#828bd4 Color Conversion

Color Schemes with #828bd4

Alternatives to #828bd4

#828bd4 Preview

Shades and Tints of #828bd4

Tones of #828bd4

Color Blindness Simulator