#82a5fd hex color

In a RGB color space, hex #82a5fd is composed of 51% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 222.9 degrees, a saturation of 96.9% and a lightness of 75.1%. #82a5fd color hex could be obtained by blending #ffffff with #054bfb. Closest websafe color is: #9999ff.

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

● #82a5fd color description : Soft blue.

The hexadecimal color #82a5fd has RGB values of R:130, G:165, B:253 and CMYK values of C:0.49, M:0.35, Y:0, K:0.01. Its decimal value is 8562173.

Hex triplet	82a5fd	`#82a5fd`
RGB Decimal	130, 165, 253	`rgb(130,165,253)`
RGB Percent	51, 64.7, 99.2	`rgb(51%,64.7%,99.2%)`
CMYK	49, 35, 0, 1
HSL	222.9°, 96.9, 75.1	`hsl(222.9,96.9%,75.1%)`
HSV (or HSB)	222.9°, 48.6, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.567, 11.386, -47.476
XYZ	40.387, 38.746, 98.274
xyY	0.228, 0.218, 38.746
CIE-LCH	68.567, 48.822, 283.486
CIE-LUV	68.567, -19.214, -78.27
Hunter-Lab	62.246, 6.884, -50.034
Binary	10000010, 10100101, 11111101

#82a5fd
```
#82a5fd rgb(130,165,253)
```
#fdda82
```
#fdda82 rgb(253,218,130)
```

Complementary Color

#82e3fd
```
#82e3fd rgb(130,227,253)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#9d82fd
```
#9d82fd rgb(157,130,253)
```

Analogous Color

#e3fd82
```
#e3fd82 rgb(227,253,130)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#fd9d82
```
#fd9d82 rgb(253,157,130)
```

Split Complementary Color

#a5fd82
```
#a5fd82 rgb(165,253,130)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#fd82a5
```
#fd82a5 rgb(253,130,165)
```

Triadic Color

#82fdda
```
#82fdda rgb(130,253,218)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#fd82a5
```
#fd82a5 rgb(253,130,165)
```
#fdda82
```
#fdda82 rgb(253,218,130)
```

Tetradic Color

#376ffc
```
#376ffc rgb(55,111,252)
```
#5081fc
```
#5081fc rgb(80,129,252)
```
#6993fd
```
#6993fd rgb(105,147,253)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#9bb7fd
```
#9bb7fd rgb(155,183,253)
```
#b4c9fe
```
#b4c9fe rgb(180,201,254)
```
#cddbfe
```
#cddbfe rgb(205,219,254)
```

Monochromatic Color

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

#82c4fd
```
#82c4fd rgb(130,196,253)
```
#82bafd
```
#82bafd rgb(130,186,253)
```
#82affd
```
#82affd rgb(130,175,253)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#829bfd
```
#829bfd rgb(130,155,253)
```
#8291fd
```
#8291fd rgb(130,145,253)
```
#8286fd
```
#8286fd rgb(130,134,253)
```

Similar Colors

Text with hexadecimal color #82a5fd

This text has a font color of #82a5fd.

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

#82a5fd background color

This paragraph has a background color of #82a5fd.

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

#82a5fd border color

This element has a border color of #82a5fd.

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

CSS codes

.text {color:#82a5fd;}

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

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

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, #00030a is the darkest color, while #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00091d
```
#00091d rgb(0,9,29)
```
#010e31
```
#010e31 rgb(1,14,49)
```
#011444
```
#011444 rgb(1,20,68)
```
#011a57
```
#011a57 rgb(1,26,87)
```
#02206b
```
#02206b rgb(2,32,107)
```
#02257e
```
#02257e rgb(2,37,126)
```
#022b91
```
#022b91 rgb(2,43,145)
```
#0331a5
```
#0331a5 rgb(3,49,165)
```
#0336b8
```
#0336b8 rgb(3,54,184)
```
#033ccb
```
#033ccb rgb(3,60,203)
```
#0442df
```
#0442df rgb(4,66,223)
```
#0448f2
```
#0448f2 rgb(4,72,242)
```

Shade Color Variation

#0e52fb
```
#0e52fb rgb(14,82,251)
```
#215ffb
```
#215ffb rgb(33,95,251)
```
#356dfc
```
#356dfc rgb(53,109,252)
```
#487bfc
```
#487bfc rgb(72,123,252)
```
#5b89fc
```
#5b89fc rgb(91,137,252)
```
#6f97fd
```
#6f97fd rgb(111,151,253)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```
#95b3fd
```
#95b3fd rgb(149,179,253)
```
#a9c1fe
```
#a9c1fe rgb(169,193,254)
```
#bccffe
```
#bccffe rgb(188,207,254)
```
#cfddfe
```
#cfddfe rgb(207,221,254)
```
#e3ebff
```
#e3ebff rgb(227,235,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#bdbec2
```
#bdbec2 rgb(189,190,194)
```
#b8bcc7
```
#b8bcc7 rgb(184,188,199)
```
#b3bacc
```
#b3bacc rgb(179,186,204)
```
#aeb8d1
```
#aeb8d1 rgb(174,184,209)
```
#a9b6d6
```
#a9b6d6 rgb(169,182,214)
```
#a4b4db
```
#a4b4db rgb(164,180,219)
```
#9fb2e0
```
#9fb2e0 rgb(159,178,224)
```
#9ab0e5
```
#9ab0e5 rgb(154,176,229)
```
#96ade9
```
#96ade9 rgb(150,173,233)
```
#91abee
```
#91abee rgb(145,171,238)
```
#8ca9f3
```
#8ca9f3 rgb(140,169,243)
```
#87a7f8
```
#87a7f8 rgb(135,167,248)
```
#82a5fd
```
#82a5fd rgb(130,165,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ea5b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba9fc Protanopia 1% of men
#80abfc Deuteranopia 1% of men
#71b6c3 Tritanopia 0.001% of the population

Trichromacy

#88a7fc Protanomaly 1% of men, 0.01% of women
#81a9fc Deuteranomaly 6% of men, 0.4% of women
#77afd8 Tritanomaly 0.01% of the population

#82a5fd hex color

#82a5fd Color Information

#82a5fd Color Conversion

Color Schemes with #82a5fd

Alternatives to #82a5fd

#82a5fd Preview

Shades and Tints of #82a5fd

Tones of #82a5fd

Color Blindness Simulator