#82a5ff hex color

In a RGB color space, hex #82a5ff is composed of 51% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 223.2 degrees, a saturation of 100% and a lightness of 75.5%. #82a5ff color hex could be obtained by blending #ffffff with #054bff. Closest websafe color is: #9999ff.

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

● #82a5ff color description : Very light blue.

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

Hex triplet	82a5ff	`#82a5ff`
RGB Decimal	130, 165, 255	`rgb(130,165,255)`
RGB Percent	51, 64.7, 100	`rgb(51%,64.7%,100%)`
CMYK	49, 35, 0, 0
HSL	223.2°, 100, 75.5	`hsl(223.2,100%,75.5%)`
HSV (or HSB)	223.2°, 49, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.66, 11.975, -48.415
XYZ	40.707, 38.874, 99.961
xyY	0.227, 0.217, 38.874
CIE-LCH	68.66, 49.874, 283.893
CIE-LUV	68.66, -19.246, -79.948
Hunter-Lab	62.349, 7.43, -51.411
Binary	10000010, 10100101, 11111111

#82a5ff
```
#82a5ff rgb(130,165,255)
```
#ffdc82
```
#ffdc82 rgb(255,220,130)
```

Complementary Color

#82e4ff
```
#82e4ff rgb(130,228,255)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#9e82ff
```
#9e82ff rgb(158,130,255)
```

Analogous Color

#e4ff82
```
#e4ff82 rgb(228,255,130)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#ff9e82
```
#ff9e82 rgb(255,158,130)
```

Split Complementary Color

#a5ff82
```
#a5ff82 rgb(165,255,130)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#ff82a5
```
#ff82a5 rgb(255,130,165)
```

Triadic Color

#82ffdc
```
#82ffdc rgb(130,255,220)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#ff82a5
```
#ff82a5 rgb(255,130,165)
```
#ffdc82
```
#ffdc82 rgb(255,220,130)
```

Tetradic Color

#366eff
```
#366eff rgb(54,110,255)
```
#4f80ff
```
#4f80ff rgb(79,128,255)
```
#6993ff
```
#6993ff rgb(105,147,255)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#9cb7ff
```
#9cb7ff rgb(156,183,255)
```
#b5caff
```
#b5caff rgb(181,202,255)
```
#cfdcff
```
#cfdcff rgb(207,220,255)
```

Monochromatic Color

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

#82c4ff
```
#82c4ff rgb(130,196,255)
```
#82baff
```
#82baff rgb(130,186,255)
```
#82afff
```
#82afff rgb(130,175,255)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#829bff
```
#829bff rgb(130,155,255)
```
#8290ff
```
#8290ff rgb(130,144,255)
```
#8286ff
```
#8286ff rgb(130,134,255)
```

Similar Colors

Text with hexadecimal color #82a5ff

This text has a font color of #82a5ff.

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

#82a5ff background color

This paragraph has a background color of #82a5ff.

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

#82a5ff border color

This element has a border color of #82a5ff.

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

CSS codes

.text {color:#82a5ff;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#000920
```
#000920 rgb(0,9,32)
```
#000e34
```
#000e34 rgb(0,14,52)
```
#001447
```
#001447 rgb(0,20,71)
```
#00195b
```
#00195b rgb(0,25,91)
```
#001f6e
```
#001f6e rgb(0,31,110)
```
#002482
```
#002482 rgb(0,36,130)
```
#002a96
```
#002a96 rgb(0,42,150)
```
#002fa9
```
#002fa9 rgb(0,47,169)
```
#0035bd
```
#0035bd rgb(0,53,189)
```
#003ad0
```
#003ad0 rgb(0,58,208)
```
#0040e4
```
#0040e4 rgb(0,64,228)
```
#0045f8
```
#0045f8 rgb(0,69,248)
```

Shade Color Variation

#0c50ff
```
#0c50ff rgb(12,80,255)
```
#205eff
```
#205eff rgb(32,94,255)
```
#346dff
```
#346dff rgb(52,109,255)
```
#477bff
```
#477bff rgb(71,123,255)
```
#5b89ff
```
#5b89ff rgb(91,137,255)
```
#6e97ff
```
#6e97ff rgb(110,151,255)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```
#96b3ff
```
#96b3ff rgb(150,179,255)
```
#a9c1ff
```
#a9c1ff rgb(169,193,255)
```
#bdcfff
```
#bdcfff rgb(189,207,255)
```
#d0ddff
```
#d0ddff rgb(208,221,255)
```
#e4ecff
```
#e4ecff rgb(228,236,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#bcbec5
```
#bcbec5 rgb(188,190,197)
```
#b7bcca
```
#b7bcca rgb(183,188,202)
```
#b2bacf
```
#b2bacf rgb(178,186,207)
```
#adb8d4
```
#adb8d4 rgb(173,184,212)
```
#a8b6d9
```
#a8b6d9 rgb(168,182,217)
```
#a4b4dd
```
#a4b4dd rgb(164,180,221)
```
#9fb2e2
```
#9fb2e2 rgb(159,178,226)
```
#9ab0e7
```
#9ab0e7 rgb(154,176,231)
```
#95adec
```
#95adec rgb(149,173,236)
```
#90abf1
```
#90abf1 rgb(144,171,241)
```
#8ca9f5
```
#8ca9f5 rgb(140,169,245)
```
#87a7fa
```
#87a7fa rgb(135,167,250)
```
#82a5ff
```
#82a5ff rgb(130,165,255)
```

Tone Color Variation

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

#8aa9fe Protanopia 1% of men
#7fabfe Deuteranopia 1% of men
#70b6c3 Tritanopia 0.001% of the population

Trichromacy

#87a7fe Protanomaly 1% of men, 0.01% of women
#80a9fe Deuteranomaly 6% of men, 0.4% of women
#76b0d9 Tritanomaly 0.01% of the population

#82a5ff hex color

#82a5ff Color Information

#82a5ff Color Conversion

Color Schemes with #82a5ff

Alternatives to #82a5ff

#82a5ff Preview

Shades and Tints of #82a5ff

Tones of #82a5ff

Color Blindness Simulator