#82a5e4 hex color

In a RGB color space, hex #82a5e4 is composed of 51% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.6 degrees, a saturation of 64.5% and a lightness of 70.2%. #82a5e4 color hex could be obtained by blending #ffffff with #054bc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 65
- B 89
RGB color chart
- C 43
- M 28
- Y 0
- K 11
CMYK color chart

● #82a5e4 color description : Very soft blue.

The hexadecimal color #82a5e4 has RGB values of R:130, G:165, B:228 and CMYK values of C:0.43, M:0.28, Y:0, K:0.11. Its decimal value is 8562148.

Hex triplet	82a5e4	`#82a5e4`
RGB Decimal	130, 165, 228	`rgb(130,165,228)`
RGB Percent	51, 64.7, 89.4	`rgb(51%,64.7%,89.4%)`
CMYK	43, 28, 0, 11
HSL	218.6°, 64.5, 70.2	`hsl(218.6,64.5%,70.2%)`
HSV (or HSB)	218.6°, 43, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.469, 4.187, -35.541
XYZ	36.662, 37.256, 78.654
xyY	0.24, 0.244, 37.256
CIE-LCH	67.469, 35.787, 276.719
CIE-LUV	67.469, -18.83, -57.069
Hunter-Lab	61.038, 0.398, -33.675
Binary	10000010, 10100101, 11100100

#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#e4c182
```
#e4c182 rgb(228,193,130)
```

Complementary Color

#82d6e4
```
#82d6e4 rgb(130,214,228)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#9082e4
```
#9082e4 rgb(144,130,228)
```

Analogous Color

#d6e482
```
#d6e482 rgb(214,228,130)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#e49082
```
#e49082 rgb(228,144,130)
```

Split Complementary Color

#a5e482
```
#a5e482 rgb(165,228,130)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#e482a5
```
#e482a5 rgb(228,130,165)
```

Triadic Color

#82e4c1
```
#82e4c1 rgb(130,228,193)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#e482a5
```
#e482a5 rgb(228,130,165)
```
#e4c182
```
#e4c182 rgb(228,193,130)
```

Tetradic Color

#4378d6
```
#4378d6 rgb(67,120,214)
```
#5887db
```
#5887db rgb(88,135,219)
```
#6d96df
```
#6d96df rgb(109,150,223)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#97b4e9
```
#97b4e9 rgb(151,180,233)
```
#acc3ed
```
#acc3ed rgb(172,195,237)
```
#c1d2f2
```
#c1d2f2 rgb(193,210,242)
```

Monochromatic Color

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

#82bee4
```
#82bee4 rgb(130,190,228)
```
#82b5e4
```
#82b5e4 rgb(130,181,228)
```
#82ade4
```
#82ade4 rgb(130,173,228)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#829de4
```
#829de4 rgb(130,157,228)
```
#8295e4
```
#8295e4 rgb(130,149,228)
```
#828de4
```
#828de4 rgb(130,141,228)
```

Similar Colors

Text with hexadecimal color #82a5e4

This text has a font color of #82a5e4.

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

#82a5e4 background color

This paragraph has a background color of #82a5e4.

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

#82a5e4 border color

This element has a border color of #82a5e4.

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

CSS codes

.text {color:#82a5e4;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040a14
```
#040a14 rgb(4,10,20)
```
#081224
```
#081224 rgb(8,18,36)
```
#0b1a34
```
#0b1a34 rgb(11,26,52)
```
#0f2245
```
#0f2245 rgb(15,34,69)
```
#122a55
```
#122a55 rgb(18,42,85)
```
#163265
```
#163265 rgb(22,50,101)
```
#193a75
```
#193a75 rgb(25,58,117)
```
#1d4285
```
#1d4285 rgb(29,66,133)
```
#204a95
```
#204a95 rgb(32,74,149)
```
#2452a5
```
#2452a5 rgb(36,82,165)
```
#275ab5
```
#275ab5 rgb(39,90,181)
```
#2b62c6
```
#2b62c6 rgb(43,98,198)
```

Shade Color Variation

#316bd3
```
#316bd3 rgb(49,107,211)
```
#4177d6
```
#4177d6 rgb(65,119,214)
```
#5282da
```
#5282da rgb(82,130,218)
```
#628edd
```
#628edd rgb(98,142,221)
```
#7299e1
```
#7299e1 rgb(114,153,225)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#92b1e7
```
#92b1e7 rgb(146,177,231)
```
#a2bceb
```
#a2bceb rgb(162,188,235)
```
#b2c8ee
```
#b2c8ee rgb(178,200,238)
```
#c3d3f2
```
#c3d3f2 rgb(195,211,242)
```
#d3dff5
```
#d3dff5 rgb(211,223,245)
```
#e3ebf9
```
#e3ebf9 rgb(227,235,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#b1b2b5
```
#b1b2b5 rgb(177,178,181)
```
#abb1bb
```
#abb1bb rgb(171,177,187)
```
#a5afc1
```
#a5afc1 rgb(165,175,193)
```
#9fadc7
```
#9fadc7 rgb(159,173,199)
```
#99accd
```
#99accd rgb(153,172,205)
```
#94aad2
```
#94aad2 rgb(148,170,210)
```
#8ea8d8
```
#8ea8d8 rgb(142,168,216)
```
#88a7de
```
#88a7de rgb(136,167,222)
```
#82a5e4
```
#82a5e4 rgb(130,165,228)
```
#7ca3ea
```
#7ca3ea rgb(124,163,234)
```
#76a2f0
```
#76a2f0 rgb(118,162,240)
```
#70a0f6
```
#70a0f6 rgb(112,160,246)
```
#6b9efb
```
#6b9efb rgb(107,158,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a6e3 Protanopia 1% of men
#91a7e6 Deuteranopia 1% of men
#7bb1be Tritanopia 0.001% of the population

Trichromacy

#8ea6e3 Protanomaly 1% of men, 0.01% of women
#8ca6e5 Deuteranomaly 6% of men, 0.4% of women
#7daccc Tritanomaly 0.01% of the population

#82a5e4 hex color

#82a5e4 Color Information

#82a5e4 Color Conversion

Color Schemes with #82a5e4

Alternatives to #82a5e4

#82a5e4 Preview

Shades and Tints of #82a5e4

Tones of #82a5e4

Color Blindness Simulator