#828bff hex color

In a RGB color space, hex #828bff is composed of 51% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 235.7 degrees, a saturation of 100% and a lightness of 75.5%. #828bff color hex could be obtained by blending #ffffff with #0517ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 55
- B 100
RGB color chart
- C 49
- M 45
- Y 0
- K 0
CMYK color chart

● #828bff color description : Very light blue.

The hexadecimal color #828bff has RGB values of R:130, G:139, B:255 and CMYK values of C:0.49, M:0.45, Y:0, K:0. Its decimal value is 8555519.

Hex triplet	828bff	`#828bff`
RGB Decimal	130, 139, 255	`rgb(130,139,255)`
RGB Percent	51, 54.5, 100	`rgb(51%,54.5%,100%)`
CMYK	49, 45, 0, 0
HSL	235.7°, 100, 75.5	`hsl(235.7,100%,75.5%)`
HSV (or HSB)	235.7°, 49, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.023, 27.073, -58.941
XYZ	36.485, 30.43, 98.553
xyY	0.22, 0.184, 30.43
CIE-LCH	62.023, 64.862, 294.671
CIE-LUV	62.023, -10.301, -97.602
Hunter-Lab	55.163, 21.524, -67.312
Binary	10000010, 10001011, 11111111

#828bff
```
#828bff rgb(130,139,255)
```
#fff682
```
#fff682 rgb(255,246,130)
```

Complementary Color

#82caff
```
#82caff rgb(130,202,255)
```
#828bff
```
#828bff rgb(130,139,255)
```
#b882ff
```
#b882ff rgb(184,130,255)
```

Analogous Color

#caff82
```
#caff82 rgb(202,255,130)
```
#828bff
```
#828bff rgb(130,139,255)
```
#ffb882
```
#ffb882 rgb(255,184,130)
```

Split Complementary Color

#8bff82
```
#8bff82 rgb(139,255,130)
```
#828bff
```
#828bff rgb(130,139,255)
```
#ff828b
```
#ff828b rgb(255,130,139)
```

Triadic Color

#82fff6
```
#82fff6 rgb(130,255,246)
```
#828bff
```
#828bff rgb(130,139,255)
```
#ff828b
```
#ff828b rgb(255,130,139)
```
#fff682
```
#fff682 rgb(255,246,130)
```

Tetradic Color

#3644ff
```
#3644ff rgb(54,68,255)
```
#4f5cff
```
#4f5cff rgb(79,92,255)
```
#6973ff
```
#6973ff rgb(105,115,255)
```
#828bff
```
#828bff rgb(130,139,255)
```
#9ca3ff
```
#9ca3ff rgb(156,163,255)
```
#b5baff
```
#b5baff rgb(181,186,255)
```
#cfd2ff
```
#cfd2ff rgb(207,210,255)
```

Monochromatic Color

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

#82aaff
```
#82aaff rgb(130,170,255)
```
#82a0ff
```
#82a0ff rgb(130,160,255)
```
#8295ff
```
#8295ff rgb(130,149,255)
```
#828bff
```
#828bff rgb(130,139,255)
```
#8382ff
```
#8382ff rgb(131,130,255)
```
#8e82ff
```
#8e82ff rgb(142,130,255)
```
#9882ff
```
#9882ff rgb(152,130,255)
```

Similar Colors

Text with hexadecimal color #828bff

This text has a font color of #828bff.

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

#828bff background color

This paragraph has a background color of #828bff.

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

#828bff border color

This element has a border color of #828bff.

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

CSS codes

.text {color:#828bff;}

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

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

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, #00010c is the darkest color, while #f8f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#000220
```
#000220 rgb(0,2,32)
```
#000434
```
#000434 rgb(0,4,52)
```
#000547
```
#000547 rgb(0,5,71)
```
#00075b
```
#00075b rgb(0,7,91)
```
#00086e
```
#00086e rgb(0,8,110)
```
#000982
```
#000982 rgb(0,9,130)
```
#000b96
```
#000b96 rgb(0,11,150)
```
#000ca9
```
#000ca9 rgb(0,12,169)
```
#000ebd
```
#000ebd rgb(0,14,189)
```
#000fd0
```
#000fd0 rgb(0,15,208)
```
#0010e4
```
#0010e4 rgb(0,16,228)
```
#0012f8
```
#0012f8 rgb(0,18,248)
```

Shade Color Variation

#0c1eff
```
#0c1eff rgb(12,30,255)
```
#2030ff
```
#2030ff rgb(32,48,255)
```
#3442ff
```
#3442ff rgb(52,66,255)
```
#4754ff
```
#4754ff rgb(71,84,255)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#6e79ff
```
#6e79ff rgb(110,121,255)
```
#828bff
```
#828bff rgb(130,139,255)
```
#969dff
```
#969dff rgb(150,157,255)
```
#a9afff
```
#a9afff rgb(169,175,255)
```
#bdc2ff
```
#bdc2ff rgb(189,194,255)
```
#d0d4ff
```
#d0d4ff rgb(208,212,255)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#bcbcc5
```
#bcbcc5 rgb(188,188,197)
```
#b7b8ca
```
#b7b8ca rgb(183,184,202)
```
#b2b4cf
```
#b2b4cf rgb(178,180,207)
```
#adb0d4
```
#adb0d4 rgb(173,176,212)
```
#a8acd9
```
#a8acd9 rgb(168,172,217)
```
#a4a8dd
```
#a4a8dd rgb(164,168,221)
```
#9fa4e2
```
#9fa4e2 rgb(159,164,226)
```
#9aa0e7
```
#9aa0e7 rgb(154,160,231)
```
#959bec
```
#959bec rgb(149,155,236)
```
#9097f1
```
#9097f1 rgb(144,151,241)
```
#8c93f5
```
#8c93f5 rgb(140,147,245)
```
#878ffa
```
#878ffa rgb(135,143,250)
```
#828bff
```
#828bff rgb(130,139,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9294ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6998ff Protanopia 1% of men
#4f9cfa Deuteranopia 1% of men
#69a4b0 Tritanopia 0.001% of the population

Trichromacy

#7293ff Protanomaly 1% of men, 0.01% of women
#6196fb Deuteranomaly 6% of men, 0.4% of women
#729bcc Tritanomaly 0.01% of the population

#828bff hex color

#828bff Color Information

#828bff Color Conversion

Color Schemes with #828bff

Alternatives to #828bff

#828bff Preview

Shades and Tints of #828bff

Tones of #828bff

Color Blindness Simulator