#828bb4 hex color

In a RGB color space, hex #828bb4 is composed of 51% red, 54.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 22.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 229.2 degrees, a saturation of 25% and a lightness of 60.8%. #828bb4 color hex could be obtained by blending #ffffff with #051769. Closest websafe color is: #9999cc.

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

● #828bb4 color description : Slightly desaturated blue.

The hexadecimal color #828bb4 has RGB values of R:130, G:139, B:180 and CMYK values of C:0.28, M:0.23, Y:0, K:0.29. Its decimal value is 8555444.

Hex triplet	828bb4	`#828bb4`
RGB Decimal	130, 139, 180	`rgb(130,139,180)`
RGB Percent	51, 54.5, 70.6	`rgb(51%,54.5%,70.6%)`
CMYK	28, 23, 0, 29
HSL	229.2°, 25, 60.8	`hsl(229.2,25%,60.8%)`
HSV (or HSB)	229.2°, 27.8, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	58.514, 6.179, -22.558
XYZ	26.675, 26.506, 46.888
xyY	0.267, 0.265, 26.506
CIE-LCH	58.514, 23.389, 285.318
CIE-LUV	58.514, -6.82, -35.041
Hunter-Lab	51.484, 2.389, -17.959
Binary	10000010, 10001011, 10110100

#828bb4
```
#828bb4 rgb(130,139,180)
```
#b4ab82
```
#b4ab82 rgb(180,171,130)
```

Complementary Color

#82a4b4
```
#82a4b4 rgb(130,164,180)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#9282b4
```
#9282b4 rgb(146,130,180)
```

Analogous Color

#a4b482
```
#a4b482 rgb(164,180,130)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#b49282
```
#b49282 rgb(180,146,130)
```

Split Complementary Color

#8bb482
```
#8bb482 rgb(139,180,130)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#b4828b
```
#b4828b rgb(180,130,139)
```

Triadic Color

#82b4ab
```
#82b4ab rgb(130,180,171)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#b4828b
```
#b4828b rgb(180,130,139)
```
#b4ab82
```
#b4ab82 rgb(180,171,130)
```

Tetradic Color

#586292
```
#586292 rgb(88,98,146)
```
#626da1
```
#626da1 rgb(98,109,161)
```
#727caa
```
#727caa rgb(114,124,170)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#929abe
```
#929abe rgb(146,154,190)
```
#a2a9c7
```
#a2a9c7 rgb(162,169,199)
```
#b2b7d1
```
#b2b7d1 rgb(178,183,209)
```

Monochromatic Color

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

#8298b4
```
#8298b4 rgb(130,152,180)
```
#8293b4
```
#8293b4 rgb(130,147,180)
```
#828fb4
```
#828fb4 rgb(130,143,180)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#8287b4
```
#8287b4 rgb(130,135,180)
```
#8283b4
```
#8283b4 rgb(130,131,180)
```
#8682b4
```
#8682b4 rgb(134,130,180)
```

Similar Colors

Text with hexadecimal color #828bb4

This text has a font color of #828bb4.

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

#828bb4 background color

This paragraph has a background color of #828bb4.

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

#828bb4 border color

This element has a border color of #828bb4.

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

CSS codes

.text {color:#828bb4;}

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

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d0f16
```
#0d0f16 rgb(13,15,22)
```
#151722
```
#151722 rgb(21,23,34)
```
#1c1f2f
```
#1c1f2f rgb(28,31,47)
```
#23283b
```
#23283b rgb(35,40,59)
```
#2b3047
```
#2b3047 rgb(43,48,71)
```
#323853
```
#323853 rgb(50,56,83)
```
#394060
```
#394060 rgb(57,64,96)
```
#41496c
```
#41496c rgb(65,73,108)
```
#485178
```
#485178 rgb(72,81,120)
```
#4f5984
```
#4f5984 rgb(79,89,132)
```
#576191
```
#576191 rgb(87,97,145)
```
#5e699d
```
#5e699d rgb(94,105,157)
```

Shade Color Variation

#6974a5
```
#6974a5 rgb(105,116,165)
```
#7680ad
```
#7680ad rgb(118,128,173)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#8e96bb
```
#8e96bb rgb(142,150,187)
```
#9ba2c3
```
#9ba2c3 rgb(155,162,195)
```
#a7adca
```
#a7adca rgb(167,173,202)
```
#b3b9d1
```
#b3b9d1 rgb(179,185,209)
```
#bfc4d9
```
#bfc4d9 rgb(191,196,217)
```
#cccfe0
```
#cccfe0 rgb(204,207,224)
```
#d8dbe7
```
#d8dbe7 rgb(216,219,231)
```
#e4e6ef
```
#e4e6ef rgb(228,230,239)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9d is the less saturated color, while #3d5ff9 is the most saturated one.

#999a9d
```
#999a9d rgb(153,154,157)
```
#9195a5
```
#9195a5 rgb(145,149,165)
```
#8a90ac
```
#8a90ac rgb(138,144,172)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#7a86bc
```
#7a86bc rgb(122,134,188)
```
#7381c3
```
#7381c3 rgb(115,129,195)
```
#6b7ccb
```
#6b7ccb rgb(107,124,203)
```
#6377d3
```
#6377d3 rgb(99,119,211)
```
#5c72da
```
#5c72da rgb(92,114,218)
```
#546de2
```
#546de2 rgb(84,109,226)
```
#4c69ea
```
#4c69ea rgb(76,105,234)
```
#4464f2
```
#4464f2 rgb(68,100,242)
```
#3d5ff9
```
#3d5ff9 rgb(61,95,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8b8d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8791b7 Protanopia 1% of men
#8b90b8 Deuteranopia 1% of men
#8295a0 Tritanopia 0.001% of the population

Trichromacy

#858eb6 Protanomaly 1% of men, 0.01% of women
#878eb6 Deuteranomaly 6% of men, 0.4% of women
#8291a7 Tritanomaly 0.01% of the population

#828bb4 hex color

#828bb4 Color Information

#828bb4 Color Conversion

Color Schemes with #828bb4

Alternatives to #828bb4

#828bb4 Preview

Shades and Tints of #828bb4

Tones of #828bb4

Color Blindness Simulator