#828ab4 hex color

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

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

● #828ab4 color description : Slightly desaturated blue.

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

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

CIE-LAB	58.243, 6.757, -22.974
XYZ	26.531, 26.218, 46.84
xyY	0.266, 0.263, 26.218
CIE-LCH	58.243, 23.947, 286.389
CIE-LUV	58.243, -6.39, -35.753
Hunter-Lab	51.203, 2.885, -18.396
Binary	10000010, 10001010, 10110100

#828ab4
```
#828ab4 rgb(130,138,180)
```
#b4ac82
```
#b4ac82 rgb(180,172,130)
```

Complementary Color

#82a3b4
```
#82a3b4 rgb(130,163,180)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#9382b4
```
#9382b4 rgb(147,130,180)
```

Analogous Color

#a3b482
```
#a3b482 rgb(163,180,130)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#b49382
```
#b49382 rgb(180,147,130)
```

Split Complementary Color

#8ab482
```
#8ab482 rgb(138,180,130)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#b4828a
```
#b4828a rgb(180,130,138)
```

Triadic Color

#82b4ac
```
#82b4ac rgb(130,180,172)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#b4828a
```
#b4828a rgb(180,130,138)
```
#b4ac82
```
#b4ac82 rgb(180,172,130)
```

Tetradic Color

#586192
```
#586192 rgb(88,97,146)
```
#626ca1
```
#626ca1 rgb(98,108,161)
```
#727baa
```
#727baa rgb(114,123,170)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#9299be
```
#9299be rgb(146,153,190)
```
#a2a8c7
```
#a2a8c7 rgb(162,168,199)
```
#b2b7d1
```
#b2b7d1 rgb(178,183,209)
```

Monochromatic Color

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

#8297b4
```
#8297b4 rgb(130,151,180)
```
#8292b4
```
#8292b4 rgb(130,146,180)
```
#828eb4
```
#828eb4 rgb(130,142,180)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#8286b4
```
#8286b4 rgb(130,134,180)
```
#8282b4
```
#8282b4 rgb(130,130,180)
```
#8782b4
```
#8782b4 rgb(135,130,180)
```

Similar Colors

Text with hexadecimal color #828ab4

This text has a font color of #828ab4.

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

#828ab4 background color

This paragraph has a background color of #828ab4.

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

#828ab4 border color

This element has a border color of #828ab4.

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

CSS codes

.text {color:#828ab4;}

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

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

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)
```
#23273b
```
#23273b rgb(35,39,59)
```
#2b2f47
```
#2b2f47 rgb(43,47,71)
```
#323753
```
#323753 rgb(50,55,83)
```
#394060
```
#394060 rgb(57,64,96)
```
#41486c
```
#41486c rgb(65,72,108)
```
#485078
```
#485078 rgb(72,80,120)
```
#4f5884
```
#4f5884 rgb(79,88,132)
```
#576091
```
#576091 rgb(87,96,145)
```
#5e689d
```
#5e689d rgb(94,104,157)
```

Shade Color Variation

#6973a5
```
#6973a5 rgb(105,115,165)
```
#767fad
```
#767fad rgb(118,127,173)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#8e95bb
```
#8e95bb rgb(142,149,187)
```
#9ba1c3
```
#9ba1c3 rgb(155,161,195)
```
#a7acca
```
#a7acca rgb(167,172,202)
```
#b3b8d1
```
#b3b8d1 rgb(179,184,209)
```
#bfc3d9
```
#bfc3d9 rgb(191,195,217)
```
#cccfe0
```
#cccfe0 rgb(204,207,224)
```
#d8dae7
```
#d8dae7 rgb(216,218,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 #3d5bf9 is the most saturated one.

#999a9d
```
#999a9d rgb(153,154,157)
```
#9194a5
```
#9194a5 rgb(145,148,165)
```
#8a8fac
```
#8a8fac rgb(138,143,172)
```
#828ab4
```
#828ab4 rgb(130,138,180)
```
#7a85bc
```
#7a85bc rgb(122,133,188)
```
#7380c3
```
#7380c3 rgb(115,128,195)
```
#6b7acb
```
#6b7acb rgb(107,122,203)
```
#6375d3
```
#6375d3 rgb(99,117,211)
```
#5c70da
```
#5c70da rgb(92,112,218)
```
#546be2
```
#546be2 rgb(84,107,226)
```
#4c65ea
```
#4c65ea rgb(76,101,234)
```
#4460f2
```
#4460f2 rgb(68,96,242)
```
#3d5bf9
```
#3d5bf9 rgb(61,91,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#8a8c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8690b8 Protanopia 1% of men
#8a8fb8 Deuteranopia 1% of men
#82949f Tritanopia 0.001% of the population

Trichromacy

#858eb6 Protanomaly 1% of men, 0.01% of women
#878db6 Deuteranomaly 6% of men, 0.4% of women
#8290a6 Tritanomaly 0.01% of the population

#828ab4 hex color

#828ab4 Color Information

#828ab4 Color Conversion

Color Schemes with #828ab4

Alternatives to #828ab4

#828ab4 Preview

Shades and Tints of #828ab4

Tones of #828ab4

Color Blindness Simulator