#82a5fa hex color

In a RGB color space, hex #82a5fa is composed of 51% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 222.5 degrees, a saturation of 92.3% and a lightness of 74.5%. #82a5fa color hex could be obtained by blending #ffffff with #054bf5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 65
- B 98
RGB color chart
- C 48
- M 34
- Y 0
- K 2
CMYK color chart

● #82a5fa color description : Soft blue.

The hexadecimal color #82a5fa has RGB values of R:130, G:165, B:250 and CMYK values of C:0.48, M:0.34, Y:0, K:0.02. Its decimal value is 8562170.

Hex triplet	82a5fa	`#82a5fa`
RGB Decimal	130, 165, 250	`rgb(130,165,250)`
RGB Percent	51, 64.7, 98	`rgb(51%,64.7%,98%)`
CMYK	48, 34, 0, 2
HSL	222.5°, 92.3, 74.5	`hsl(222.5,92.3%,74.5%)`
HSV (or HSB)	222.5°, 48, 98
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.429, 10.504, -46.063
XYZ	39.913, 38.557, 95.776
xyY	0.229, 0.221, 38.557
CIE-LCH	68.429, 47.245, 282.846
CIE-LUV	68.429, -19.166, -75.748
Hunter-Lab	62.094, 6.072, -47.986
Binary	10000010, 10100101, 11111010

#82a5fa
```
#82a5fa rgb(130,165,250)
```
#fad782
```
#fad782 rgb(250,215,130)
```

Complementary Color

#82e1fa
```
#82e1fa rgb(130,225,250)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#9b82fa
```
#9b82fa rgb(155,130,250)
```

Analogous Color

#e1fa82
```
#e1fa82 rgb(225,250,130)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#fa9b82
```
#fa9b82 rgb(250,155,130)
```

Split Complementary Color

#a5fa82
```
#a5fa82 rgb(165,250,130)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#fa82a5
```
#fa82a5 rgb(250,130,165)
```

Triadic Color

#82fad7
```
#82fad7 rgb(130,250,215)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#fa82a5
```
#fa82a5 rgb(250,130,165)
```
#fad782
```
#fad782 rgb(250,215,130)
```

Tetradic Color

#3870f7
```
#3870f7 rgb(56,112,247)
```
#5182f8
```
#5182f8 rgb(81,130,248)
```
#6993f9
```
#6993f9 rgb(105,147,249)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#9bb7fb
```
#9bb7fb rgb(155,183,251)
```
#b3c8fc
```
#b3c8fc rgb(179,200,252)
```
#ccdafd
```
#ccdafd rgb(204,218,253)
```

Monochromatic Color

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

#82c3fa
```
#82c3fa rgb(130,195,250)
```
#82b9fa
```
#82b9fa rgb(130,185,250)
```
#82affa
```
#82affa rgb(130,175,250)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#829bfa
```
#829bfa rgb(130,155,250)
```
#8291fa
```
#8291fa rgb(130,145,250)
```
#8287fa
```
#8287fa rgb(130,135,250)
```

Similar Colors

Text with hexadecimal color #82a5fa

This text has a font color of #82a5fa.

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

#82a5fa background color

This paragraph has a background color of #82a5fa.

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

#82a5fa border color

This element has a border color of #82a5fa.

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

CSS codes

.text {color:#82a5fa;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01081a
```
#01081a rgb(1,8,26)
```
#020e2d
```
#020e2d rgb(2,14,45)
```
#031440
```
#031440 rgb(3,20,64)
```
#031a52
```
#031a52 rgb(3,26,82)
```
#042065
```
#042065 rgb(4,32,101)
```
#052678
```
#052678 rgb(5,38,120)
```
#062c8b
```
#062c8b rgb(6,44,139)
```
#06339e
```
#06339e rgb(6,51,158)
```
#0739b1
```
#0739b1 rgb(7,57,177)
```
#083fc4
```
#083fc4 rgb(8,63,196)
```
#0945d6
```
#0945d6 rgb(9,69,214)
```
#094be9
```
#094be9 rgb(9,75,233)
```

Shade Color Variation

#1154f5
```
#1154f5 rgb(17,84,245)
```
#2461f6
```
#2461f6 rgb(36,97,246)
```
#376ff7
```
#376ff7 rgb(55,111,247)
```
#497cf8
```
#497cf8 rgb(73,124,248)
```
#5c8af8
```
#5c8af8 rgb(92,138,248)
```
#6f97f9
```
#6f97f9 rgb(111,151,249)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#95b3fb
```
#95b3fb rgb(149,179,251)
```
#a8c0fc
```
#a8c0fc rgb(168,192,252)
```
#bbcefc
```
#bbcefc rgb(187,206,252)
```
#cddbfd
```
#cddbfd rgb(205,219,253)
```
#e0e9fe
```
#e0e9fe rgb(224,233,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#b9bcc3
```
#b9bcc3 rgb(185,188,195)
```
#b4bac8
```
#b4bac8 rgb(180,186,200)
```
#afb8cd
```
#afb8cd rgb(175,184,205)
```
#aab6d2
```
#aab6d2 rgb(170,182,210)
```
#a5b4d7
```
#a5b4d7 rgb(165,180,215)
```
#a0b2dc
```
#a0b2dc rgb(160,178,220)
```
#9bafe1
```
#9bafe1 rgb(155,175,225)
```
#96ade6
```
#96ade6 rgb(150,173,230)
```
#91abeb
```
#91abeb rgb(145,171,235)
```
#8ca9f0
```
#8ca9f0 rgb(140,169,240)
```
#87a7f5
```
#87a7f5 rgb(135,167,245)
```
#82a5fa
```
#82a5fa rgb(130,165,250)
```
#7da3ff
```
#7da3ff rgb(125,163,255)
```

Tone Color Variation

Below, you can see how #82a5fa 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
#9da4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da8f9 Protanopia 1% of men
#83aaf9 Deuteranopia 1% of men
#72b5c2 Tritanopia 0.001% of the population

Trichromacy

#89a7f9 Protanomaly 1% of men, 0.01% of women
#82a8f9 Deuteranomaly 6% of men, 0.4% of women
#78afd6 Tritanomaly 0.01% of the population

#82a5fa hex color

#82a5fa Color Information

#82a5fa Color Conversion

Color Schemes with #82a5fa

Alternatives to #82a5fa

#82a5fa Preview

Shades and Tints of #82a5fa

Tones of #82a5fa

Color Blindness Simulator