#828dff hex color

In a RGB color space, hex #828dff is composed of 51% red, 55.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 44.7% magenta, 0% yellow and 0% black. It has a hue angle of 234.7 degrees, a saturation of 100% and a lightness of 75.5%. #828dff color hex could be obtained by blending #ffffff with #051bff. 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

● #828dff color description : Very light blue.

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

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

CIE-LAB	62.52, 25.901, -58.149
XYZ	36.777, 31.014, 98.651
xyY	0.221, 0.186, 31.014
CIE-LCH	62.52, 63.657, 294.01
CIE-LUV	62.52, -10.956, -96.333
Hunter-Lab	55.69, 20.421, -66.044
Binary	10000010, 10001101, 11111111

#828dff
```
#828dff rgb(130,141,255)
```
#fff482
```
#fff482 rgb(255,244,130)
```

Complementary Color

#82ccff
```
#82ccff rgb(130,204,255)
```
#828dff
```
#828dff rgb(130,141,255)
```
#b682ff
```
#b682ff rgb(182,130,255)
```

Analogous Color

#ccff82
```
#ccff82 rgb(204,255,130)
```
#828dff
```
#828dff rgb(130,141,255)
```
#ffb682
```
#ffb682 rgb(255,182,130)
```

Split Complementary Color

#8dff82
```
#8dff82 rgb(141,255,130)
```
#828dff
```
#828dff rgb(130,141,255)
```
#ff828d
```
#ff828d rgb(255,130,141)
```

Triadic Color

#82fff4
```
#82fff4 rgb(130,255,244)
```
#828dff
```
#828dff rgb(130,141,255)
```
#ff828d
```
#ff828d rgb(255,130,141)
```
#fff482
```
#fff482 rgb(255,244,130)
```

Tetradic Color

#3647ff
```
#3647ff rgb(54,71,255)
```
#4f5eff
```
#4f5eff rgb(79,94,255)
```
#6976ff
```
#6976ff rgb(105,118,255)
```
#828dff
```
#828dff rgb(130,141,255)
```
#9ca4ff
```
#9ca4ff rgb(156,164,255)
```
#b5bcff
```
#b5bcff rgb(181,188,255)
```
#cfd3ff
```
#cfd3ff rgb(207,211,255)
```

Monochromatic Color

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

#82acff
```
#82acff rgb(130,172,255)
```
#82a2ff
```
#82a2ff rgb(130,162,255)
```
#8297ff
```
#8297ff rgb(130,151,255)
```
#828dff
```
#828dff rgb(130,141,255)
```
#8283ff
```
#8283ff rgb(130,131,255)
```
#8c82ff
```
#8c82ff rgb(140,130,255)
```
#9682ff
```
#9682ff rgb(150,130,255)
```

Similar Colors

Text with hexadecimal color #828dff

This text has a font color of #828dff.

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

#828dff background color

This paragraph has a background color of #828dff.

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

#828dff border color

This element has a border color of #828dff.

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

CSS codes

.text {color:#828dff;}

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

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

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)
```
#000320
```
#000320 rgb(0,3,32)
```
#000534
```
#000534 rgb(0,5,52)
```
#000647
```
#000647 rgb(0,6,71)
```
#00085b
```
#00085b rgb(0,8,91)
```
#000a6e
```
#000a6e rgb(0,10,110)
```
#000b82
```
#000b82 rgb(0,11,130)
```
#000d96
```
#000d96 rgb(0,13,150)
```
#000fa9
```
#000fa9 rgb(0,15,169)
```
#0011bd
```
#0011bd rgb(0,17,189)
```
#0012d0
```
#0012d0 rgb(0,18,208)
```
#0014e4
```
#0014e4 rgb(0,20,228)
```
#0016f8
```
#0016f8 rgb(0,22,248)
```

Shade Color Variation

#0c22ff
```
#0c22ff rgb(12,34,255)
```
#2034ff
```
#2034ff rgb(32,52,255)
```
#3445ff
```
#3445ff rgb(52,69,255)
```
#4757ff
```
#4757ff rgb(71,87,255)
```
#5b69ff
```
#5b69ff rgb(91,105,255)
```
#6e7bff
```
#6e7bff rgb(110,123,255)
```
#828dff
```
#828dff rgb(130,141,255)
```
#969fff
```
#969fff rgb(150,159,255)
```
#a9b1ff
```
#a9b1ff rgb(169,177,255)
```
#bdc3ff
```
#bdc3ff rgb(189,195,255)
```
#d0d5ff
```
#d0d5ff rgb(208,213,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, #bcbdc5 is the less saturated color, while #828dff is the most saturated one.

#bcbdc5
```
#bcbdc5 rgb(188,189,197)
```
#b7b9ca
```
#b7b9ca rgb(183,185,202)
```
#b2b5cf
```
#b2b5cf rgb(178,181,207)
```
#adb1d4
```
#adb1d4 rgb(173,177,212)
```
#a8add9
```
#a8add9 rgb(168,173,217)
```
#a4a9dd
```
#a4a9dd rgb(164,169,221)
```
#9fa5e2
```
#9fa5e2 rgb(159,165,226)
```
#9aa1e7
```
#9aa1e7 rgb(154,161,231)
```
#959dec
```
#959dec rgb(149,157,236)
```
#9099f1
```
#9099f1 rgb(144,153,241)
```
#8c95f5
```
#8c95f5 rgb(140,149,245)
```
#8791fa
```
#8791fa rgb(135,145,250)
```
#828dff
```
#828dff rgb(130,141,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9395ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b99ff Protanopia 1% of men
#539dfa Deuteranopia 1% of men
#69a5b1 Tritanopia 0.001% of the population

Trichromacy

#7394ff Protanomaly 1% of men, 0.01% of women
#6497fc Deuteranomaly 6% of men, 0.4% of women
#729ccd Tritanomaly 0.01% of the population

#828dff hex color

#828dff Color Information

#828dff Color Conversion

Color Schemes with #828dff

Alternatives to #828dff

#828dff Preview

Shades and Tints of #828dff

Tones of #828dff

Color Blindness Simulator