#82a5f5 hex color

In a RGB color space, hex #82a5f5 is composed of 51% red, 64.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 32.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 221.7 degrees, a saturation of 85.2% and a lightness of 73.5%. #82a5f5 color hex could be obtained by blending #ffffff with #054beb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 65
- B 96
RGB color chart
- C 47
- M 33
- Y 0
- K 4
CMYK color chart

● #82a5f5 color description : Soft blue.

The hexadecimal color #82a5f5 has RGB values of R:130, G:165, B:245 and CMYK values of C:0.47, M:0.33, Y:0, K:0.04. Its decimal value is 8562165.

Hex triplet	82a5f5	`#82a5f5`
RGB Decimal	130, 165, 245	`rgb(130,165,245)`
RGB Percent	51, 64.7, 96.1	`rgb(51%,64.7%,96.1%)`
CMYK	47, 33, 0, 4
HSL	221.7°, 85.2, 73.5	`hsl(221.7,85.2%,73.5%)`
HSV (or HSB)	221.7°, 46.9, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.202, 9.045, -43.696
XYZ	39.139, 38.247, 91.701
xyY	0.231, 0.226, 38.247
CIE-LCH	68.202, 44.622, 281.695
CIE-LUV	68.202, -19.087, -71.529
Hunter-Lab	61.844, 4.739, -44.623
Binary	10000010, 10100101, 11110101

#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#f5d282
```
#f5d282 rgb(245,210,130)
```

Complementary Color

#82dff5
```
#82dff5 rgb(130,223,245)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#9982f5
```
#9982f5 rgb(153,130,245)
```

Analogous Color

#dff582
```
#dff582 rgb(223,245,130)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#f59982
```
#f59982 rgb(245,153,130)
```

Split Complementary Color

#a5f582
```
#a5f582 rgb(165,245,130)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#f582a5
```
#f582a5 rgb(245,130,165)
```

Triadic Color

#82f5d2
```
#82f5d2 rgb(130,245,210)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#f582a5
```
#f582a5 rgb(245,130,165)
```
#f5d282
```
#f5d282 rgb(245,210,130)
```

Tetradic Color

#3b72ef
```
#3b72ef rgb(59,114,239)
```
#5383f1
```
#5383f1 rgb(83,131,241)
```
#6a94f3
```
#6a94f3 rgb(106,148,243)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#9ab6f7
```
#9ab6f7 rgb(154,182,247)
```
#b1c7f9
```
#b1c7f9 rgb(177,199,249)
```
#c9d8fb
```
#c9d8fb rgb(201,216,251)
```

Monochromatic Color

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

#82c2f5
```
#82c2f5 rgb(130,194,245)
```
#82b8f5
```
#82b8f5 rgb(130,184,245)
```
#82aff5
```
#82aff5 rgb(130,175,245)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#829bf5
```
#829bf5 rgb(130,155,245)
```
#8292f5
```
#8292f5 rgb(130,146,245)
```
#8288f5
```
#8288f5 rgb(130,136,245)
```

Similar Colors

Text with hexadecimal color #82a5f5

This text has a font color of #82a5f5.

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

#82a5f5 background color

This paragraph has a background color of #82a5f5.

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

#82a5f5 border color

This element has a border color of #82a5f5.

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

CSS codes

.text {color:#82a5f5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020714
```
#020714 rgb(2,7,20)
```
#030e26
```
#030e26 rgb(3,14,38)
```
#051439
```
#051439 rgb(5,20,57)
```
#061b4b
```
#061b4b rgb(6,27,75)
```
#07215d
```
#07215d rgb(7,33,93)
```
#09286f
```
#09286f rgb(9,40,111)
```
#0a2f81
```
#0a2f81 rgb(10,47,129)
```
#0c3593
```
#0c3593 rgb(12,53,147)
```
#0d3ca6
```
#0d3ca6 rgb(13,60,166)
```
#0f42b8
```
#0f42b8 rgb(15,66,184)
```
#1049ca
```
#1049ca rgb(16,73,202)
```
#124fdc
```
#124fdc rgb(18,79,220)
```

Shade Color Variation

#1557ec
```
#1557ec rgb(21,87,236)
```
#2764ee
```
#2764ee rgb(39,100,238)
```
#3971ef
```
#3971ef rgb(57,113,239)
```
#4c7ef1
```
#4c7ef1 rgb(76,126,241)
```
#5e8bf2
```
#5e8bf2 rgb(94,139,242)
```
#7098f4
```
#7098f4 rgb(112,152,244)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#94b2f6
```
#94b2f6 rgb(148,178,246)
```
#a6bff8
```
#a6bff8 rgb(166,191,248)
```
#b8ccf9
```
#b8ccf9 rgb(184,204,249)
```
#cbd9fb
```
#cbd9fb rgb(203,217,251)
```
#dde6fc
```
#dde6fc rgb(221,230,252)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#bbbbbc
```
#bbbbbc rgb(187,187,188)
```
#b6b9c1
```
#b6b9c1 rgb(182,185,193)
```
#b1b7c6
```
#b1b7c6 rgb(177,183,198)
```
#acb5cb
```
#acb5cb rgb(172,181,203)
```
#a6b3d1
```
#a6b3d1 rgb(166,179,209)
```
#a1b1d6
```
#a1b1d6 rgb(161,177,214)
```
#9cafdb
```
#9cafdb rgb(156,175,219)
```
#97ade0
```
#97ade0 rgb(151,173,224)
```
#92abe5
```
#92abe5 rgb(146,171,229)
```
#8ca9eb
```
#8ca9eb rgb(140,169,235)
```
#87a7f0
```
#87a7f0 rgb(135,167,240)
```
#82a5f5
```
#82a5f5 rgb(130,165,245)
```
#7da3fa
```
#7da3fa rgb(125,163,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f4 Protanopia 1% of men
#86aaf5 Deuteranopia 1% of men
#74b4c1 Tritanopia 0.001% of the population

Trichromacy

#8aa7f4 Protanomaly 1% of men, 0.01% of women
#85a8f5 Deuteranomaly 6% of men, 0.4% of women
#79aed4 Tritanomaly 0.01% of the population

#82a5f5 hex color

#82a5f5 Color Information

#82a5f5 Color Conversion

Color Schemes with #82a5f5

Alternatives to #82a5f5

#82a5f5 Preview

Shades and Tints of #82a5f5

Tones of #82a5f5

Color Blindness Simulator