#82a5fc hex color

In a RGB color space, hex #82a5fc is composed of 51% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.8 degrees, a saturation of 95.3% and a lightness of 74.9%. #82a5fc color hex could be obtained by blending #ffffff with #054bf9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 65
- B 99
RGB color chart
- C 48
- M 35
- Y 0
- K 1
CMYK color chart

● #82a5fc color description : Soft blue.

The hexadecimal color #82a5fc has RGB values of R:130, G:165, B:252 and CMYK values of C:0.48, M:0.35, Y:0, K:0.01. Its decimal value is 8562172.

Hex triplet	82a5fc	`#82a5fc`
RGB Decimal	130, 165, 252	`rgb(130,165,252)`
RGB Percent	51, 64.7, 98.8	`rgb(51%,64.7%,98.8%)`
CMYK	48, 35, 0, 1
HSL	222.8°, 95.3, 74.9	`hsl(222.8,95.3%,74.9%)`
HSV (or HSB)	222.8°, 48.4, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.521, 11.091, -47.005
XYZ	40.228, 38.683, 97.437
xyY	0.228, 0.219, 38.683
CIE-LCH	68.521, 48.296, 283.277
CIE-LUV	68.521, -19.198, -77.43
Hunter-Lab	62.195, 6.612, -49.348
Binary	10000010, 10100101, 11111100

#82a5fc
```
#82a5fc rgb(130,165,252)
```
#fcd982
```
#fcd982 rgb(252,217,130)
```

Complementary Color

#82e2fc
```
#82e2fc rgb(130,226,252)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#9c82fc
```
#9c82fc rgb(156,130,252)
```

Analogous Color

#e2fc82
```
#e2fc82 rgb(226,252,130)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#fc9c82
```
#fc9c82 rgb(252,156,130)
```

Split Complementary Color

#a5fc82
```
#a5fc82 rgb(165,252,130)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#fc82a5
```
#fc82a5 rgb(252,130,165)
```

Triadic Color

#82fcd9
```
#82fcd9 rgb(130,252,217)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#fc82a5
```
#fc82a5 rgb(252,130,165)
```
#fcd982
```
#fcd982 rgb(252,217,130)
```

Tetradic Color

#376ffa
```
#376ffa rgb(55,111,250)
```
#5081fb
```
#5081fb rgb(80,129,251)
```
#6993fb
```
#6993fb rgb(105,147,251)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#9bb7fd
```
#9bb7fd rgb(155,183,253)
```
#b4c9fd
```
#b4c9fd rgb(180,201,253)
```
#cddbfe
```
#cddbfe rgb(205,219,254)
```

Monochromatic Color

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

#82c4fc
```
#82c4fc rgb(130,196,252)
```
#82b9fc
```
#82b9fc rgb(130,185,252)
```
#82affc
```
#82affc rgb(130,175,252)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#829bfc
```
#829bfc rgb(130,155,252)
```
#8291fc
```
#8291fc rgb(130,145,252)
```
#8287fc
```
#8287fc rgb(130,135,252)
```

Similar Colors

Text with hexadecimal color #82a5fc

This text has a font color of #82a5fc.

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

#82a5fc background color

This paragraph has a background color of #82a5fc.

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

#82a5fc border color

This element has a border color of #82a5fc.

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

CSS codes

.text {color:#82a5fc;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#01091c
```
#01091c rgb(1,9,28)
```
#010e2f
```
#010e2f rgb(1,14,47)
```
#021443
```
#021443 rgb(2,20,67)
```
#021a56
```
#021a56 rgb(2,26,86)
```
#032069
```
#032069 rgb(3,32,105)
```
#03267c
```
#03267c rgb(3,38,124)
```
#032c8f
```
#032c8f rgb(3,44,143)
```
#0431a2
```
#0431a2 rgb(4,49,162)
```
#0437b5
```
#0437b5 rgb(4,55,181)
```
#053dc9
```
#053dc9 rgb(5,61,201)
```
#0543dc
```
#0543dc rgb(5,67,220)
```
#0649ef
```
#0649ef rgb(6,73,239)
```

Shade Color Variation

#0f52f9
```
#0f52f9 rgb(15,82,249)
```
#2260fa
```
#2260fa rgb(34,96,250)
```
#356efa
```
#356efa rgb(53,110,250)
```
#497cfb
```
#497cfb rgb(73,124,251)
```
#5c89fb
```
#5c89fb rgb(92,137,251)
```
#6f97fc
```
#6f97fc rgb(111,151,252)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```
#95b3fc
```
#95b3fc rgb(149,179,252)
```
#a8c1fd
```
#a8c1fd rgb(168,193,253)
```
#bbcefd
```
#bbcefd rgb(187,206,253)
```
#cfdcfe
```
#cfdcfe rgb(207,220,254)
```
#e2eafe
```
#e2eafe rgb(226,234,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#bdbec1
```
#bdbec1 rgb(189,190,193)
```
#b8bcc6
```
#b8bcc6 rgb(184,188,198)
```
#b3bacb
```
#b3bacb rgb(179,186,203)
```
#aeb8d0
```
#aeb8d0 rgb(174,184,208)
```
#a9b6d5
```
#a9b6d5 rgb(169,182,213)
```
#a4b4da
```
#a4b4da rgb(164,180,218)
```
#a0b2de
```
#a0b2de rgb(160,178,222)
```
#9bafe3
```
#9bafe3 rgb(155,175,227)
```
#96ade8
```
#96ade8 rgb(150,173,232)
```
#91abed
```
#91abed rgb(145,171,237)
```
#8ca9f2
```
#8ca9f2 rgb(140,169,242)
```
#87a7f7
```
#87a7f7 rgb(135,167,247)
```
#82a5fc
```
#82a5fc rgb(130,165,252)
```

Tone Color Variation

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

Dichromacy

#8ca8fb Protanopia 1% of men
#81abfb Deuteranopia 1% of men
#71b5c3 Tritanopia 0.001% of the population

Trichromacy

#88a7fb Protanomaly 1% of men, 0.01% of women
#81a8fb Deuteranomaly 6% of men, 0.4% of women
#77afd7 Tritanomaly 0.01% of the population

#82a5fc hex color

#82a5fc Color Information

#82a5fc Color Conversion

Color Schemes with #82a5fc

Alternatives to #82a5fc

#82a5fc Preview

Shades and Tints of #82a5fc

Tones of #82a5fc

Color Blindness Simulator