#828bc4 hex color

In a RGB color space, hex #828bc4 is composed of 51% red, 54.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 29.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 231.8 degrees, a saturation of 35.9% and a lightness of 63.9%. #828bc4 color hex could be obtained by blending #ffffff with #051789. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 55
- B 77
RGB color chart
- C 34
- M 29
- Y 0
- K 23
CMYK color chart

● #828bc4 color description : Slightly desaturated blue.

The hexadecimal color #828bc4 has RGB values of R:130, G:139, B:196 and CMYK values of C:0.34, M:0.29, Y:0, K:0.23. Its decimal value is 8555460.

Hex triplet	828bc4	`#828bc4`
RGB Decimal	130, 139, 196	`rgb(130,139,196)`
RGB Percent	51, 54.5, 76.9	`rgb(51%,54.5%,76.9%)`
CMYK	34, 29, 0, 23
HSL	231.8°, 35.9, 63.9	`hsl(231.8,35.9%,63.9%)`
HSV (or HSB)	231.8°, 33.7, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.155, 10.326, -30.638
XYZ	28.4, 27.196, 55.975
xyY	0.255, 0.244, 27.196
CIE-LCH	59.155, 32.331, 288.625
CIE-LUV	59.155, -7.567, -48.66
Hunter-Lab	52.15, 5.948, -27.134
Binary	10000010, 10001011, 11000100

#828bc4
```
#828bc4 rgb(130,139,196)
```
#c4bb82
```
#c4bb82 rgb(196,187,130)
```

Complementary Color

#82acc4
```
#82acc4 rgb(130,172,196)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#9a82c4
```
#9a82c4 rgb(154,130,196)
```

Analogous Color

#acc482
```
#acc482 rgb(172,196,130)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#c49a82
```
#c49a82 rgb(196,154,130)
```

Split Complementary Color

#8bc482
```
#8bc482 rgb(139,196,130)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#c4828b
```
#c4828b rgb(196,130,139)
```

Triadic Color

#82c4bb
```
#82c4bb rgb(130,196,187)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#c4828b
```
#c4828b rgb(196,130,139)
```
#c4bb82
```
#c4bb82 rgb(196,187,130)
```

Tetradic Color

#505ca9
```
#505ca9 rgb(80,92,169)
```
#5f6bb4
```
#5f6bb4 rgb(95,107,180)
```
#717bbc
```
#717bbc rgb(113,123,188)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#939bcc
```
#939bcc rgb(147,155,204)
```
#a5abd4
```
#a5abd4 rgb(165,171,212)
```
#b6bbdd
```
#b6bbdd rgb(182,187,221)
```

Monochromatic Color

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

#829cc4
```
#829cc4 rgb(130,156,196)
```
#8296c4
```
#8296c4 rgb(130,150,196)
```
#8291c4
```
#8291c4 rgb(130,145,196)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#8286c4
```
#8286c4 rgb(130,134,196)
```
#8482c4
```
#8482c4 rgb(132,130,196)
```
#8a82c4
```
#8a82c4 rgb(138,130,196)
```

Similar Colors

Text with hexadecimal color #828bc4

This text has a font color of #828bc4.

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

#828bc4 background color

This paragraph has a background color of #828bc4.

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

#828bc4 border color

This element has a border color of #828bc4.

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

CSS codes

.text {color:#828bc4;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0c16
```
#0a0c16 rgb(10,12,22)
```
#101323
```
#101323 rgb(16,19,35)
```
#171a30
```
#171a30 rgb(23,26,48)
```
#1d213e
```
#1d213e rgb(29,33,62)
```
#23294b
```
#23294b rgb(35,41,75)
```
#2a3058
```
#2a3058 rgb(42,48,88)
```
#303766
```
#303766 rgb(48,55,102)
```
#363e73
```
#363e73 rgb(54,62,115)
```
#3d4680
```
#3d4680 rgb(61,70,128)
```
#434d8e
```
#434d8e rgb(67,77,142)
```
#49549b
```
#49549b rgb(73,84,155)
```
#4f5ba8
```
#4f5ba8 rgb(79,91,168)
```

Shade Color Variation

#5a66b1
```
#5a66b1 rgb(90,102,177)
```
#6772b7
```
#6772b7 rgb(103,114,183)
```
#757fbe
```
#757fbe rgb(117,127,190)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#8f97ca
```
#8f97ca rgb(143,151,202)
```
#9da4d1
```
#9da4d1 rgb(157,164,209)
```
#aab0d7
```
#aab0d7 rgb(170,176,215)
```
#b7bcdd
```
#b7bcdd rgb(183,188,221)
```
#c5c9e3
```
#c5c9e3 rgb(197,201,227)
```
#d2d5ea
```
#d2d5ea rgb(210,213,234)
```
#dfe2f0
```
#dfe2f0 rgb(223,226,240)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea0a8 is the less saturated color, while #4962fd is the most saturated one.

#9ea0a8
```
#9ea0a8 rgb(158,160,168)
```
#979aaf
```
#979aaf rgb(151,154,175)
```
#9095b6
```
#9095b6 rgb(144,149,182)
```
#8990bd
```
#8990bd rgb(137,144,189)
```
#828bc4
```
#828bc4 rgb(130,139,196)
```
#7b86cb
```
#7b86cb rgb(123,134,203)
```
#7481d2
```
#7481d2 rgb(116,129,210)
```
#6d7cd9
```
#6d7cd9 rgb(109,124,217)
```
#6676e0
```
#6676e0 rgb(102,118,224)
```
#5f71e7
```
#5f71e7 rgb(95,113,231)
```
#586cee
```
#586cee rgb(88,108,238)
```
#5067f6
```
#5067f6 rgb(80,103,246)
```
#4962fd
```
#4962fd rgb(73,98,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8c8e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8292c8 Protanopia 1% of men
#8292c6 Deuteranopia 1% of men
#7e98a3 Tritanopia 0.001% of the population

Trichromacy

#828fc6 Protanomaly 1% of men, 0.01% of women
#828fc5 Deuteranomaly 6% of men, 0.4% of women
#7f93af Tritanomaly 0.01% of the population

#828bc4 hex color

#828bc4 Color Information

#828bc4 Color Conversion

Color Schemes with #828bc4

Alternatives to #828bc4

#828bc4 Preview

Shades and Tints of #828bc4

Tones of #828bc4

Color Blindness Simulator