#828fd3 hex color

In a RGB color space, hex #828fd3 is composed of 51% red, 56.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 32.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 230.4 degrees, a saturation of 47.9% and a lightness of 66.9%. #828fd3 color hex could be obtained by blending #ffffff with #051fa7. Closest websafe color is: #9999cc.

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

● #828fd3 color description : Slightly desaturated blue.

The hexadecimal color #828fd3 has RGB values of R:130, G:143, B:211 and CMYK values of C:0.38, M:0.32, Y:0, K:0.17. Its decimal value is 8556499.

Hex triplet	828fd3	`#828fd3`
RGB Decimal	130, 143, 211	`rgb(130,143,211)`
RGB Percent	51, 56.1, 82.7	`rgb(51%,56.1%,82.7%)`
CMYK	38, 32, 0, 17
HSL	230.4°, 47.9, 66.9	`hsl(230.4,47.9%,66.9%)`
HSV (or HSB)	230.4°, 38.4, 82.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.864, 12.063, -36.411
XYZ	30.784, 29.093, 65.618
xyY	0.245, 0.232, 29.093
CIE-LCH	60.864, 38.357, 288.33
CIE-LUV	60.864, -9.815, -58.569
Hunter-Lab	53.938, 7.483, -34.372
Binary	10000010, 10001111, 11010011

#828fd3
```
#828fd3 rgb(130,143,211)
```
#d3c682
```
#d3c682 rgb(211,198,130)
```

Complementary Color

#82b8d3
```
#82b8d3 rgb(130,184,211)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#9e82d3
```
#9e82d3 rgb(158,130,211)
```

Analogous Color

#b8d382
```
#b8d382 rgb(184,211,130)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#d39e82
```
#d39e82 rgb(211,158,130)
```

Split Complementary Color

#8fd382
```
#8fd382 rgb(143,211,130)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#d3828f
```
#d3828f rgb(211,130,143)
```

Triadic Color

#82d3c6
```
#82d3c6 rgb(130,211,198)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#d3828f
```
#d3828f rgb(211,130,143)
```
#d3c682
```
#d3c682 rgb(211,198,130)
```

Tetradic Color

#495cbf
```
#495cbf rgb(73,92,191)
```
#5c6dc6
```
#5c6dc6 rgb(92,109,198)
```
#6f7ecc
```
#6f7ecc rgb(111,126,204)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#95a0da
```
#95a0da rgb(149,160,218)
```
#a8b1e0
```
#a8b1e0 rgb(168,177,224)
```
#bbc2e7
```
#bbc2e7 rgb(187,194,231)
```

Monochromatic Color

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

#82a3d3
```
#82a3d3 rgb(130,163,211)
```
#829dd3
```
#829dd3 rgb(130,157,211)
```
#8296d3
```
#8296d3 rgb(130,150,211)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#8288d3
```
#8288d3 rgb(130,136,211)
```
#8382d3
```
#8382d3 rgb(131,130,211)
```
#8982d3
```
#8982d3 rgb(137,130,211)
```

Similar Colors

Text with hexadecimal color #828fd3

This text has a font color of #828fd3.

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

#828fd3 background color

This paragraph has a background color of #828fd3.

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

#828fd3 border color

This element has a border color of #828fd3.

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

CSS codes

.text {color:#828fd3;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070914
```
#070914 rgb(7,9,20)
```
#0c1023
```
#0c1023 rgb(12,16,35)
```
#111631
```
#111631 rgb(17,22,49)
```
#161d40
```
#161d40 rgb(22,29,64)
```
#1b244e
```
#1b244e rgb(27,36,78)
```
#212a5d
```
#212a5d rgb(33,42,93)
```
#26316b
```
#26316b rgb(38,49,107)
```
#2b377a
```
#2b377a rgb(43,55,122)
```
#303e88
```
#303e88 rgb(48,62,136)
```
#354597
```
#354597 rgb(53,69,151)
```
#3a4ba5
```
#3a4ba5 rgb(58,75,165)
```
#3f52b4
```
#3f52b4 rgb(63,82,180)
```

Shade Color Variation

#485bbf
```
#485bbf rgb(72,91,191)
```
#5668c4
```
#5668c4 rgb(86,104,196)
```
#6575c9
```
#6575c9 rgb(101,117,201)
```
#7382ce
```
#7382ce rgb(115,130,206)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#919cd8
```
#919cd8 rgb(145,156,216)
```
#9fa9dd
```
#9fa9dd rgb(159,169,221)
```
#aeb6e2
```
#aeb6e2 rgb(174,182,226)
```
#bcc3e7
```
#bcc3e7 rgb(188,195,231)
```
#cbd0ed
```
#cbd0ed rgb(203,208,237)
```
#d9ddf2
```
#d9ddf2 rgb(217,221,242)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#a9a9ac
```
#a9a9ac rgb(169,169,172)
```
#a3a5b3
```
#a3a5b3 rgb(163,165,179)
```
#9ca1b9
```
#9ca1b9 rgb(156,161,185)
```
#969cc0
```
#969cc0 rgb(150,156,192)
```
#8f98c6
```
#8f98c6 rgb(143,152,198)
```
#8993cd
```
#8993cd rgb(137,147,205)
```
#828fd3
```
#828fd3 rgb(130,143,211)
```
#7c8bda
```
#7c8bda rgb(124,139,218)
```
#7586e0
```
#7586e0 rgb(117,134,224)
```
#6f82e7
```
#6f82e7 rgb(111,130,231)
```
#687ded
```
#687ded rgb(104,125,237)
```
#6279f4
```
#6279f4 rgb(98,121,244)
```
#5b75fa
```
#5b75fa rgb(91,117,250)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9092a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8196d6 Protanopia 1% of men
#7f97d4 Deuteranopia 1% of men
#7b9ea9 Tritanopia 0.001% of the population

Trichromacy

#8193d5 Protanomaly 1% of men, 0.01% of women
#8094d3 Deuteranomaly 6% of men, 0.4% of women
#7d98b8 Tritanomaly 0.01% of the population

#828fd3 hex color

#828fd3 Color Information

#828fd3 Color Conversion

Color Schemes with #828fd3

Alternatives to #828fd3

#828fd3 Preview

Shades and Tints of #828fd3

Tones of #828fd3

Color Blindness Simulator