#82a5d4 hex color

In a RGB color space, hex #82a5d4 is composed of 51% red, 64.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 22.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 214.4 degrees, a saturation of 48.8% and a lightness of 67.1%. #82a5d4 color hex could be obtained by blending #ffffff with #054ba9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 65
- B 83
RGB color chart
- C 39
- M 22
- Y 0
- K 17
CMYK color chart

● #82a5d4 color description : Slightly desaturated blue.

The hexadecimal color #82a5d4 has RGB values of R:130, G:165, B:212 and CMYK values of C:0.39, M:0.22, Y:0, K:0.17. Its decimal value is 8562132.

Hex triplet	82a5d4	`#82a5d4`
RGB Decimal	130, 165, 212	`rgb(130,165,212)`
RGB Percent	51, 64.7, 83.1	`rgb(51%,64.7%,83.1%)`
CMYK	39, 22, 0, 17
HSL	214.4°, 48.8, 67.1	`hsl(214.4,48.8%,67.1%)`
HSV (or HSB)	214.4°, 38.7, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.831, -0.216, -27.715
XYZ	34.542, 36.408, 67.491
xyY	0.25, 0.263, 36.408
CIE-LCH	66.831, 27.716, 269.553
CIE-LUV	66.831, -18.602, -43.375
Hunter-Lab	60.339, -3.409, -24.08
Binary	10000010, 10100101, 11010100

#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#d4b182
```
#d4b182 rgb(212,177,130)
```

Complementary Color

#82ced4
```
#82ced4 rgb(130,206,212)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#8882d4
```
#8882d4 rgb(136,130,212)
```

Analogous Color

#ced482
```
#ced482 rgb(206,212,130)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#d48882
```
#d48882 rgb(212,136,130)
```

Split Complementary Color

#a5d482
```
#a5d482 rgb(165,212,130)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#d482a5
```
#d482a5 rgb(212,130,165)
```

Triadic Color

#82d4b1
```
#82d4b1 rgb(130,212,177)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#d482a5
```
#d482a5 rgb(212,130,165)
```
#d4b182
```
#d4b182 rgb(212,177,130)
```

Tetradic Color

#497cc0
```
#497cc0 rgb(73,124,192)
```
#5c8ac7
```
#5c8ac7 rgb(92,138,199)
```
#6f97cd
```
#6f97cd rgb(111,151,205)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#95b3db
```
#95b3db rgb(149,179,219)
```
#a8c0e1
```
#a8c0e1 rgb(168,192,225)
```
#bbcee8
```
#bbcee8 rgb(187,206,232)
```

Monochromatic Color

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

#82bad4
```
#82bad4 rgb(130,186,212)
```
#82b3d4
```
#82b3d4 rgb(130,179,212)
```
#82acd4
```
#82acd4 rgb(130,172,212)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#829ed4
```
#829ed4 rgb(130,158,212)
```
#8297d4
```
#8297d4 rgb(130,151,212)
```
#8291d4
```
#8291d4 rgb(130,145,212)
```

Similar Colors

Text with hexadecimal color #82a5d4

This text has a font color of #82a5d4.

<span style="color:#82a5d4;">Text here</span>

#82a5d4 background color

This paragraph has a background color of #82a5d4.

<p style="background-color:#82a5d4;">Content here</p>

#82a5d4 border color

This element has a border color of #82a5d4.

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

CSS codes

.text {color:#82a5d4;}

.background {background-color:#82a5d4;}

.border {border:1px solid #82a5d4;}

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

#020406
```
#020406 rgb(2,4,6)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0c1624
```
#0c1624 rgb(12,22,36)
```
#111f32
```
#111f32 rgb(17,31,50)
```
#162841
```
#162841 rgb(22,40,65)
```
#1b324f
```
#1b324f rgb(27,50,79)
```
#203b5e
```
#203b5e rgb(32,59,94)
```
#25446d
```
#25446d rgb(37,68,109)
```
#2a4d7b
```
#2a4d7b rgb(42,77,123)
```
#2f568a
```
#2f568a rgb(47,86,138)
```
#345f98
```
#345f98 rgb(52,95,152)
```
#3968a7
```
#3968a7 rgb(57,104,167)
```
#3e71b5
```
#3e71b5 rgb(62,113,181)
```

Shade Color Variation

#487bc0
```
#487bc0 rgb(72,123,192)
```
#5685c5
```
#5685c5 rgb(86,133,197)
```
#6590ca
```
#6590ca rgb(101,144,202)
```
#739acf
```
#739acf rgb(115,154,207)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#91b0d9
```
#91b0d9 rgb(145,176,217)
```
#9fbade
```
#9fbade rgb(159,186,222)
```
#aec5e3
```
#aec5e3 rgb(174,197,227)
```
#bccfe8
```
#bccfe8 rgb(188,207,232)
```
#cbdaed
```
#cbdaed rgb(203,218,237)
```
#dae4f2
```
#dae4f2 rgb(218,228,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#a9abad
```
#a9abad rgb(169,171,173)
```
#a2aab4
```
#a2aab4 rgb(162,170,180)
```
#9ca9ba
```
#9ca9ba rgb(156,169,186)
```
#95a8c1
```
#95a8c1 rgb(149,168,193)
```
#8fa7c7
```
#8fa7c7 rgb(143,167,199)
```
#88a6ce
```
#88a6ce rgb(136,166,206)
```
#82a5d4
```
#82a5d4 rgb(130,165,212)
```
#7ca4da
```
#7ca4da rgb(124,164,218)
```
#75a3e1
```
#75a3e1 rgb(117,163,225)
```
#6fa2e7
```
#6fa2e7 rgb(111,162,231)
```
#68a1ee
```
#68a1ee rgb(104,161,238)
```
#62a0f4
```
#62a0f4 rgb(98,160,244)
```
#5b9ffb
```
#5b9ffb rgb(91,159,251)
```

Tone Color Variation

Below, you can see how #82a5d4 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

#a0a0a0 Achromatopsia 0.005% of the population
#9aa1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa5d3 Protanopia 1% of men
#9aa5d7 Deuteranopia 1% of men
#80aebb Tritanopia 0.001% of the population

Trichromacy

#91a5d3 Protanomaly 1% of men, 0.01% of women
#91a5d6 Deuteranomaly 6% of men, 0.4% of women
#80abc4 Tritanomaly 0.01% of the population

#82a5d4 hex color

#82a5d4 Color Information

#82a5d4 Color Conversion

Color Schemes with #82a5d4

Alternatives to #82a5d4

#82a5d4 Preview

Shades and Tints of #82a5d4

Tones of #82a5d4

Color Blindness Simulator