#828fbc hex color

In a RGB color space, hex #828fbc is composed of 51% red, 56.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 23.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 226.6 degrees, a saturation of 30.2% and a lightness of 62.4%. #828fbc color hex could be obtained by blending #ffffff with #051f79. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 56
- B 74
RGB color chart
- C 31
- M 24
- Y 0
- K 26
CMYK color chart

● #828fbc color description : Slightly desaturated blue.

The hexadecimal color #828fbc has RGB values of R:130, G:143, B:188 and CMYK values of C:0.31, M:0.24, Y:0, K:0.26. Its decimal value is 8556476.

Hex triplet	828fbc	`#828fbc`
RGB Decimal	130, 143, 188	`rgb(130,143,188)`
RGB Percent	51, 56.1, 73.7	`rgb(51%,56.1%,73.7%)`
CMYK	31, 24, 0, 26
HSL	226.6°, 30.2, 62.4	`hsl(226.6,30.2%,62.4%)`
HSV (or HSB)	226.6°, 30.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.908, 5.914, -24.955
XYZ	28.104, 28.021, 51.502
xyY	0.261, 0.26, 28.021
CIE-LCH	59.908, 25.646, 283.333
CIE-LUV	59.908, -8.871, -38.987
Hunter-Lab	52.935, 2.131, -20.631
Binary	10000010, 10001111, 10111100

#828fbc
```
#828fbc rgb(130,143,188)
```
#bcaf82
```
#bcaf82 rgb(188,175,130)
```

Complementary Color

#82acbc
```
#82acbc rgb(130,172,188)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#9282bc
```
#9282bc rgb(146,130,188)
```

Analogous Color

#acbc82
```
#acbc82 rgb(172,188,130)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#bc9282
```
#bc9282 rgb(188,146,130)
```

Split Complementary Color

#8fbc82
```
#8fbc82 rgb(143,188,130)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#bc828f
```
#bc828f rgb(188,130,143)
```

Triadic Color

#82bcaf
```
#82bcaf rgb(130,188,175)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#bc828f
```
#bc828f rgb(188,130,143)
```
#bcaf82
```
#bcaf82 rgb(188,175,130)
```

Tetradic Color

#54659d
```
#54659d rgb(84,101,157)
```
#6171aa
```
#6171aa rgb(97,113,170)
```
#7180b3
```
#7180b3 rgb(113,128,179)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#939ec5
```
#939ec5 rgb(147,158,197)
```
#a3adce
```
#a3adce rgb(163,173,206)
```
#b4bcd7
```
#b4bcd7 rgb(180,188,215)
```

Monochromatic Color

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

#829ebc
```
#829ebc rgb(130,158,188)
```
#8299bc
```
#8299bc rgb(130,153,188)
```
#8294bc
```
#8294bc rgb(130,148,188)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#828abc
```
#828abc rgb(130,138,188)
```
#8285bc
```
#8285bc rgb(130,133,188)
```
#8482bc
```
#8482bc rgb(132,130,188)
```

Similar Colors

Text with hexadecimal color #828fbc

This text has a font color of #828fbc.

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

#828fbc background color

This paragraph has a background color of #828fbc.

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

#828fbc border color

This element has a border color of #828fbc.

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

CSS codes

.text {color:#828fbc;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0f121c
```
#0f121c rgb(15,18,28)
```
#161a29
```
#161a29 rgb(22,26,41)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#242b43
```
#242b43 rgb(36,43,67)
```
#2b334f
```
#2b334f rgb(43,51,79)
```
#313b5c
```
#313b5c rgb(49,59,92)
```
#384369
```
#384369 rgb(56,67,105)
```
#3f4b76
```
#3f4b76 rgb(63,75,118)
```
#465382
```
#465382 rgb(70,83,130)
```
#4d5c8f
```
#4d5c8f rgb(77,92,143)
```
#54649c
```
#54649c rgb(84,100,156)
```

Shade Color Variation

#5c6da7
```
#5c6da7 rgb(92,109,167)
```
#6878ae
```
#6878ae rgb(104,120,174)
```
#7584b5
```
#7584b5 rgb(117,132,181)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#8f9ac3
```
#8f9ac3 rgb(143,154,195)
```
#9ca6ca
```
#9ca6ca rgb(156,166,202)
```
#a8b1d1
```
#a8b1d1 rgb(168,177,209)
```
#b5bdd7
```
#b5bdd7 rgb(181,189,215)
```
#c2c8de
```
#c2c8de rgb(194,200,222)
```
#cfd4e5
```
#cfd4e5 rgb(207,212,229)
```
#dbdfec
```
#dbdfec rgb(219,223,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba6 is the less saturated color, while #406afe is the most saturated one.

#989ba6
```
#989ba6 rgb(152,155,166)
```
#9197ad
```
#9197ad rgb(145,151,173)
```
#8993b5
```
#8993b5 rgb(137,147,181)
```
#828fbc
```
#828fbc rgb(130,143,188)
```
#7b8bc3
```
#7b8bc3 rgb(123,139,195)
```
#7387cb
```
#7387cb rgb(115,135,203)
```
#6c83d2
```
#6c83d2 rgb(108,131,210)
```
#647fda
```
#647fda rgb(100,127,218)
```
#5d7be1
```
#5d7be1 rgb(93,123,225)
```
#5677e8
```
#5677e8 rgb(86,119,232)
```
#4e72f0
```
#4e72f0 rgb(78,114,240)
```
#476ef7
```
#476ef7 rgb(71,110,247)
```
#406afe
```
#406afe rgb(64,106,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8d9099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8994bf Protanopia 1% of men
#8c93bf Deuteranopia 1% of men
#8199a5 Tritanopia 0.001% of the population

Trichromacy

#8792be Protanomaly 1% of men, 0.01% of women
#8892be Deuteranomaly 6% of men, 0.4% of women
#8195ad Tritanomaly 0.01% of the population

#828fbc hex color

#828fbc Color Information

#828fbc Color Conversion

Color Schemes with #828fbc

Alternatives to #828fbc

#828fbc Preview

Shades and Tints of #828fbc

Tones of #828fbc

Color Blindness Simulator