#828fbf hex color

In a RGB color space, hex #828fbf is composed of 51% red, 56.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 25.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 227.2 degrees, a saturation of 32.3% and a lightness of 62.9%. #828fbf color hex could be obtained by blending #ffffff with #051f7f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 56
- B 75
RGB color chart
- C 32
- M 25
- Y 0
- K 25
CMYK color chart

● #828fbf color description : Slightly desaturated blue.

The hexadecimal color #828fbf has RGB values of R:130, G:143, B:191 and CMYK values of C:0.32, M:0.25, Y:0, K:0.25. Its decimal value is 8556479.

Hex triplet	828fbf	`#828fbf`
RGB Decimal	130, 143, 191	`rgb(130,143,191)`
RGB Percent	51, 56.1, 74.9	`rgb(51%,56.1%,74.9%)`
CMYK	32, 25, 0, 25
HSL	227.2°, 32.3, 62.9	`hsl(227.2,32.3%,62.9%)`
HSV (or HSB)	227.2°, 31.9, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.026, 6.693, -26.469
XYZ	28.43, 28.152, 53.223
xyY	0.259, 0.256, 28.152
CIE-LCH	60.026, 27.302, 284.19
CIE-LUV	60.026, -8.994, -41.544
Hunter-Lab	53.058, 2.795, -22.334
Binary	10000010, 10001111, 10111111

#828fbf
```
#828fbf rgb(130,143,191)
```
#bfb282
```
#bfb282 rgb(191,178,130)
```

Complementary Color

#82aebf
```
#82aebf rgb(130,174,191)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#9482bf
```
#9482bf rgb(148,130,191)
```

Analogous Color

#aebf82
```
#aebf82 rgb(174,191,130)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#bf9482
```
#bf9482 rgb(191,148,130)
```

Split Complementary Color

#8fbf82
```
#8fbf82 rgb(143,191,130)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#bf828f
```
#bf828f rgb(191,130,143)
```

Triadic Color

#82bfb2
```
#82bfb2 rgb(130,191,178)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#bf828f
```
#bf828f rgb(191,130,143)
```
#bfb282
```
#bfb282 rgb(191,178,130)
```

Tetradic Color

#5364a2
```
#5364a2 rgb(83,100,162)
```
#6071ae
```
#6071ae rgb(96,113,174)
```
#7180b6
```
#7180b6 rgb(113,128,182)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#939ec8
```
#939ec8 rgb(147,158,200)
```
#a4add0
```
#a4add0 rgb(164,173,208)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```

Monochromatic Color

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

#829ebf
```
#829ebf rgb(130,158,191)
```
#8299bf
```
#8299bf rgb(130,153,191)
```
#8294bf
```
#8294bf rgb(130,148,191)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#828abf
```
#828abf rgb(130,138,191)
```
#8285bf
```
#8285bf rgb(130,133,191)
```
#8482bf
```
#8482bf rgb(132,130,191)
```

Similar Colors

Text with hexadecimal color #828fbf

This text has a font color of #828fbf.

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

#828fbf background color

This paragraph has a background color of #828fbf.

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

#828fbf border color

This element has a border color of #828fbf.

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

CSS codes

.text {color:#828fbf;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090b12
```
#090b12 rgb(9,11,18)
```
#10131f
```
#10131f rgb(16,19,31)
```
#161b2c
```
#161b2c rgb(22,27,44)
```
#1d2339
```
#1d2339 rgb(29,35,57)
```
#242b46
```
#242b46 rgb(36,43,70)
```
#2a3353
```
#2a3353 rgb(42,51,83)
```
#313b60
```
#313b60 rgb(49,59,96)
```
#38436d
```
#38436d rgb(56,67,109)
```
#3e4b79
```
#3e4b79 rgb(62,75,121)
```
#455386
```
#455386 rgb(69,83,134)
```
#4b5b93
```
#4b5b93 rgb(75,91,147)
```
#5263a0
```
#5263a0 rgb(82,99,160)
```

Shade Color Variation

#5b6cab
```
#5b6cab rgb(91,108,171)
```
#6878b2
```
#6878b2 rgb(104,120,178)
```
#7583b8
```
#7583b8 rgb(117,131,184)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#8f9bc6
```
#8f9bc6 rgb(143,155,198)
```
#9ca6cc
```
#9ca6cc rgb(156,166,204)
```
#a9b2d3
```
#a9b2d3 rgb(169,178,211)
```
#b6bdda
```
#b6bdda rgb(182,189,218)
```
#c3c9e0
```
#c3c9e0 rgb(195,201,224)
```
#d0d5e7
```
#d0d5e7 rgb(208,213,231)
```
#dde0ed
```
#dde0ed rgb(221,224,237)
```
#eaecf4
```
#eaecf4 rgb(234,236,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a2 is the less saturated color, while #486ef9 is the most saturated one.

#9fa0a2
```
#9fa0a2 rgb(159,160,162)
```
#989ca9
```
#989ca9 rgb(152,156,169)
```
#9197b0
```
#9197b0 rgb(145,151,176)
```
#8993b8
```
#8993b8 rgb(137,147,184)
```
#828fbf
```
#828fbf rgb(130,143,191)
```
#7b8bc6
```
#7b8bc6 rgb(123,139,198)
```
#7387ce
```
#7387ce rgb(115,135,206)
```
#6c82d5
```
#6c82d5 rgb(108,130,213)
```
#657edc
```
#657edc rgb(101,126,220)
```
#5e7ae3
```
#5e7ae3 rgb(94,122,227)
```
#5676eb
```
#5676eb rgb(86,118,235)
```
#4f72f2
```
#4f72f2 rgb(79,114,242)
```
#486ef9
```
#486ef9 rgb(72,110,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8e919a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8894c2 Protanopia 1% of men
#8a94c2 Deuteranopia 1% of men
#809aa5 Tritanopia 0.001% of the population

Trichromacy

#8692c1 Protanomaly 1% of men, 0.01% of women
#8792c1 Deuteranomaly 6% of men, 0.4% of women
#8196ae Tritanomaly 0.01% of the population

#828fbf hex color

#828fbf Color Information

#828fbf Color Conversion

Color Schemes with #828fbf

Alternatives to #828fbf

#828fbf Preview

Shades and Tints of #828fbf

Tones of #828fbf

Color Blindness Simulator