#828bb3 hex color

In a RGB color space, hex #828bb3 is composed of 51% red, 54.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 22.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 229 degrees, a saturation of 24.4% and a lightness of 60.6%. #828bb3 color hex could be obtained by blending #ffffff with #051767. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 55
- B 70
RGB color chart
- C 27
- M 22
- Y 0
- K 30
CMYK color chart

● #828bb3 color description : Slightly desaturated blue.

The hexadecimal color #828bb3 has RGB values of R:130, G:139, B:179 and CMYK values of C:0.27, M:0.22, Y:0, K:0.3. Its decimal value is 8555443.

Hex triplet	828bb3	`#828bb3`
RGB Decimal	130, 139, 179	`rgb(130,139,179)`
RGB Percent	51, 54.5, 70.2	`rgb(51%,54.5%,70.2%)`
CMYK	27, 22, 0, 30
HSL	229°, 24.4, 60.6	`hsl(229,24.4%,60.6%)`
HSV (or HSB)	229°, 27.4, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	58.476, 5.927, -22.047
XYZ	26.574, 26.465, 46.354
xyY	0.267, 0.266, 26.465
CIE-LCH	58.476, 22.83, 285.047
CIE-LUV	58.476, -6.773, -34.191
Hunter-Lab	51.444, 2.176, -17.412
Binary	10000010, 10001011, 10110011

#828bb3
```
#828bb3 rgb(130,139,179)
```
#b3aa82
```
#b3aa82 rgb(179,170,130)
```

Complementary Color

#82a4b3
```
#82a4b3 rgb(130,164,179)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#9282b3
```
#9282b3 rgb(146,130,179)
```

Analogous Color

#a4b382
```
#a4b382 rgb(164,179,130)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#b39282
```
#b39282 rgb(179,146,130)
```

Split Complementary Color

#8bb382
```
#8bb382 rgb(139,179,130)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#b3828b
```
#b3828b rgb(179,130,139)
```

Triadic Color

#82b3aa
```
#82b3aa rgb(130,179,170)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#b3828b
```
#b3828b rgb(179,130,139)
```
#b3aa82
```
#b3aa82 rgb(179,170,130)
```

Tetradic Color

#586291
```
#586291 rgb(88,98,145)
```
#626ea0
```
#626ea0 rgb(98,110,160)
```
#727ca9
```
#727ca9 rgb(114,124,169)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#929abd
```
#929abd rgb(146,154,189)
```
#a2a8c6
```
#a2a8c6 rgb(162,168,198)
```
#b2b7d0
```
#b2b7d0 rgb(178,183,208)
```

Monochromatic Color

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

#8297b3
```
#8297b3 rgb(130,151,179)
```
#8293b3
```
#8293b3 rgb(130,147,179)
```
#828fb3
```
#828fb3 rgb(130,143,179)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#8287b3
```
#8287b3 rgb(130,135,179)
```
#8283b3
```
#8283b3 rgb(130,131,179)
```
#8582b3
```
#8582b3 rgb(133,130,179)
```

Similar Colors

Text with hexadecimal color #828bb3

This text has a font color of #828bb3.

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

#828bb3 background color

This paragraph has a background color of #828bb3.

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

#828bb3 border color

This element has a border color of #828bb3.

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

CSS codes

.text {color:#828bb3;}

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

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0d0f15
```
#0d0f15 rgb(13,15,21)
```
#141722
```
#141722 rgb(20,23,34)
```
#1c1f2e
```
#1c1f2e rgb(28,31,46)
```
#23273a
```
#23273a rgb(35,39,58)
```
#2b3046
```
#2b3046 rgb(43,48,70)
```
#323852
```
#323852 rgb(50,56,82)
```
#3a405f
```
#3a405f rgb(58,64,95)
```
#41496b
```
#41496b rgb(65,73,107)
```
#485177
```
#485177 rgb(72,81,119)
```
#505983
```
#505983 rgb(80,89,131)
```
#57618f
```
#57618f rgb(87,97,143)
```
#5f6a9c
```
#5f6a9c rgb(95,106,156)
```

Shade Color Variation

#6a74a4
```
#6a74a4 rgb(106,116,164)
```
#7680ac
```
#7680ac rgb(118,128,172)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#8e96ba
```
#8e96ba rgb(142,150,186)
```
#9aa2c2
```
#9aa2c2 rgb(154,162,194)
```
#a7adc9
```
#a7adc9 rgb(167,173,201)
```
#b3b8d1
```
#b3b8d1 rgb(179,184,209)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#cbcfe0
```
#cbcfe0 rgb(203,207,224)
```
#d7dae7
```
#d7dae7 rgb(215,218,231)
```
#e4e6ee
```
#e4e6ee rgb(228,230,238)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#999a9c
```
#999a9c rgb(153,154,156)
```
#9195a4
```
#9195a4 rgb(145,149,164)
```
#8a90ab
```
#8a90ab rgb(138,144,171)
```
#828bb3
```
#828bb3 rgb(130,139,179)
```
#7a86bb
```
#7a86bb rgb(122,134,187)
```
#7381c2
```
#7381c2 rgb(115,129,194)
```
#6b7cca
```
#6b7cca rgb(107,124,202)
```
#6377d2
```
#6377d2 rgb(99,119,210)
```
#5b73da
```
#5b73da rgb(91,115,218)
```
#546ee1
```
#546ee1 rgb(84,110,225)
```
#4c69e9
```
#4c69e9 rgb(76,105,233)
```
#4464f1
```
#4464f1 rgb(68,100,241)
```
#3c5ff9
```
#3c5ff9 rgb(60,95,249)
```

Tone Color Variation

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

#8891b6 Protanopia 1% of men
#8b90b7 Deuteranopia 1% of men
#8295a0 Tritanopia 0.001% of the population

Trichromacy

#868eb5 Protanomaly 1% of men, 0.01% of women
#888eb5 Deuteranomaly 6% of men, 0.4% of women
#8291a6 Tritanomaly 0.01% of the population

#828bb3 hex color

#828bb3 Color Information

#828bb3 Color Conversion

Color Schemes with #828bb3

Alternatives to #828bb3

#828bb3 Preview

Shades and Tints of #828bb3

Tones of #828bb3

Color Blindness Simulator