#828aa8 hex color

In a RGB color space, hex #828aa8 is composed of 51% red, 54.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 17.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 227.4 degrees, a saturation of 17.9% and a lightness of 58.4%. #828aa8 color hex could be obtained by blending #ffffff with #051551. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 51
- G 54
- B 66
RGB color chart
- C 23
- M 18
- Y 0
- K 34
CMYK color chart

● #828aa8 color description : Dark grayish blue.

The hexadecimal color #828aa8 has RGB values of R:130, G:138, B:168 and CMYK values of C:0.23, M:0.18, Y:0, K:0.34. Its decimal value is 8555176.

Hex triplet	828aa8	`#828aa8`
RGB Decimal	130, 138, 168	`rgb(130,138,168)`
RGB Percent	51, 54.1, 65.9	`rgb(51%,54.1%,65.9%)`
CMYK	23, 18, 0, 34
HSL	227.4°, 17.9, 58.4	`hsl(227.4,17.9%,58.4%)`
HSV (or HSB)	227.4°, 22.6, 65.9
Web Safe	999999	`#999999`

CIE-LAB	57.799, 3.796, -16.805
XYZ	25.361, 25.75, 40.678
xyY	0.276, 0.281, 25.75
CIE-LCH	57.799, 17.229, 282.729
CIE-LUV	57.799, -5.817, -25.592
Hunter-Lab	50.744, 0.409, -12.007
Binary	10000010, 10001010, 10101000

#828aa8
```
#828aa8 rgb(130,138,168)
```
#a8a082
```
#a8a082 rgb(168,160,130)
```

Complementary Color

#829da8
```
#829da8 rgb(130,157,168)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#8d82a8
```
#8d82a8 rgb(141,130,168)
```

Analogous Color

#9da882
```
#9da882 rgb(157,168,130)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#a88d82
```
#a88d82 rgb(168,141,130)
```

Split Complementary Color

#8aa882
```
#8aa882 rgb(138,168,130)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#a8828a
```
#a8828a rgb(168,130,138)
```

Triadic Color

#82a8a0
```
#82a8a0 rgb(130,168,160)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#a8828a
```
#a8828a rgb(168,130,138)
```
#a8a082
```
#a8a082 rgb(168,160,130)
```

Tetradic Color

#5b6383
```
#5b6383 rgb(91,99,131)
```
#656f92
```
#656f92 rgb(101,111,146)
```
#737c9e
```
#737c9e rgb(115,124,158)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#9198b2
```
#9198b2 rgb(145,152,178)
```
#a0a6bd
```
#a0a6bd rgb(160,166,189)
```
#afb4c7
```
#afb4c7 rgb(175,180,199)
```

Monochromatic Color

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

#8294a8
```
#8294a8 rgb(130,148,168)
```
#8290a8
```
#8290a8 rgb(130,144,168)
```
#828da8
```
#828da8 rgb(130,141,168)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#8287a8
```
#8287a8 rgb(130,135,168)
```
#8284a8
```
#8284a8 rgb(130,132,168)
```
#8482a8
```
#8482a8 rgb(132,130,168)
```

Similar Colors

Text with hexadecimal color #828aa8

This text has a font color of #828aa8.

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

#828aa8 background color

This paragraph has a background color of #828aa8.

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

#828aa8 border color

This element has a border color of #828aa8.

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

CSS codes

.text {color:#828aa8;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0a0e
```
#0a0a0e rgb(10,10,14)
```
#121319
```
#121319 rgb(18,19,25)
```
#1a1c25
```
#1a1c25 rgb(26,28,37)
```
#222530
```
#222530 rgb(34,37,48)
```
#2a2e3c
```
#2a2e3c rgb(42,46,60)
```
#323648
```
#323648 rgb(50,54,72)
```
#3a3f53
```
#3a3f53 rgb(58,63,83)
```
#42485f
```
#42485f rgb(66,72,95)
```
#4a516a
```
#4a516a rgb(74,81,106)
```
#525a76
```
#525a76 rgb(82,90,118)
```
#5a6281
```
#5a6281 rgb(90,98,129)
```
#626b8d
```
#626b8d rgb(98,107,141)
```

Shade Color Variation

#6b7498
```
#6b7498 rgb(107,116,152)
```
#767fa0
```
#767fa0 rgb(118,127,160)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#8e95b0
```
#8e95b0 rgb(142,149,176)
```
#99a0b8
```
#99a0b8 rgb(153,160,184)
```
#a5aac0
```
#a5aac0 rgb(165,170,192)
```
#b0b5c8
```
#b0b5c8 rgb(176,181,200)
```
#bcc0d0
```
#bcc0d0 rgb(188,192,208)
```
#c7cbd8
```
#c7cbd8 rgb(199,203,216)
```
#d3d6e0
```
#d3d6e0 rgb(211,214,224)
```
#dfe1e8
```
#dfe1e8 rgb(223,225,232)
```
#eaebf0
```
#eaebf0 rgb(234,235,240)
```
#f6f6f8
```
#f6f6f8 rgb(246,246,248)
```

Tint Color Variation

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

#929398
```
#929398 rgb(146,147,152)
```
#8a8fa0
```
#8a8fa0 rgb(138,143,160)
```
#828aa8
```
#828aa8 rgb(130,138,168)
```
#7a85b0
```
#7a85b0 rgb(122,133,176)
```
#7281b8
```
#7281b8 rgb(114,129,184)
```
#6a7cc0
```
#6a7cc0 rgb(106,124,192)
```
#6177c9
```
#6177c9 rgb(97,119,201)
```
#5972d1
```
#5972d1 rgb(89,114,209)
```
#516ed9
```
#516ed9 rgb(81,110,217)
```
#4969e1
```
#4969e1 rgb(73,105,225)
```
#4164e9
```
#4164e9 rgb(65,100,233)
```
#3960f1
```
#3960f1 rgb(57,96,241)
```
#305bfa
```
#305bfa rgb(48,91,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#898b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8fac Protanopia 1% of men
#8f8ead Deuteranopia 1% of men
#84929d Tritanopia 0.001% of the population

Trichromacy

#878daa Protanomaly 1% of men, 0.01% of women
#8a8cab Deuteranomaly 6% of men, 0.4% of women
#838fa1 Tritanomaly 0.01% of the population

#828aa8 hex color

#828aa8 Color Information

#828aa8 Color Conversion

Color Schemes with #828aa8

Alternatives to #828aa8

#828aa8 Preview

Shades and Tints of #828aa8

Tones of #828aa8

Color Blindness Simulator