#82a2fd hex color

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

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

● #82a2fd color description : Soft blue.

The hexadecimal color #82a2fd has RGB values of R:130, G:162, B:253 and CMYK values of C:0.49, M:0.36, Y:0, K:0.01. Its decimal value is 8561405.

Hex triplet	82a2fd	`#82a2fd`
RGB Decimal	130, 162, 253	`rgb(130,162,253)`
RGB Percent	51, 63.5, 99.2	`rgb(51%,63.5%,99.2%)`
CMYK	49, 36, 0, 1
HSL	224.4°, 96.9, 75.1	`hsl(224.4,96.9%,75.1%)`
HSV (or HSB)	224.4°, 48.6, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.782, 13.104, -48.713
XYZ	39.852, 37.677, 98.095
xyY	0.227, 0.215, 37.677
CIE-LCH	67.782, 50.445, 285.057
CIE-LUV	67.782, -18.134, -80.425
Hunter-Lab	61.381, 8.475, -51.786
Binary	10000010, 10100010, 11111101

#82a2fd
```
#82a2fd rgb(130,162,253)
```
#fddd82
```
#fddd82 rgb(253,221,130)
```

Complementary Color

#82e0fd
```
#82e0fd rgb(130,224,253)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#a082fd
```
#a082fd rgb(160,130,253)
```

Analogous Color

#e0fd82
```
#e0fd82 rgb(224,253,130)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#fda082
```
#fda082 rgb(253,160,130)
```

Split Complementary Color

#a2fd82
```
#a2fd82 rgb(162,253,130)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#fd82a2
```
#fd82a2 rgb(253,130,162)
```

Triadic Color

#82fddd
```
#82fddd rgb(130,253,221)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#fd82a2
```
#fd82a2 rgb(253,130,162)
```
#fddd82
```
#fddd82 rgb(253,221,130)
```

Tetradic Color

#376afc
```
#376afc rgb(55,106,252)
```
#507dfc
```
#507dfc rgb(80,125,252)
```
#698ffd
```
#698ffd rgb(105,143,253)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#9bb5fd
```
#9bb5fd rgb(155,181,253)
```
#b4c7fe
```
#b4c7fe rgb(180,199,254)
```
#cddafe
```
#cddafe rgb(205,218,254)
```

Monochromatic Color

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

#82c1fd
```
#82c1fd rgb(130,193,253)
```
#82b7fd
```
#82b7fd rgb(130,183,253)
```
#82acfd
```
#82acfd rgb(130,172,253)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#8298fd
```
#8298fd rgb(130,152,253)
```
#828efd
```
#828efd rgb(130,142,253)
```
#8283fd
```
#8283fd rgb(130,131,253)
```

Similar Colors

Text with hexadecimal color #82a2fd

This text has a font color of #82a2fd.

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

#82a2fd background color

This paragraph has a background color of #82a2fd.

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

#82a2fd border color

This element has a border color of #82a2fd.

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

CSS codes

.text {color:#82a2fd;}

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

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

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)
```
#00081d
```
#00081d rgb(0,8,29)
```
#010d31
```
#010d31 rgb(1,13,49)
```
#011344
```
#011344 rgb(1,19,68)
```
#011857
```
#011857 rgb(1,24,87)
```
#021d6b
```
#021d6b rgb(2,29,107)
```
#02227e
```
#02227e rgb(2,34,126)
```
#022891
```
#022891 rgb(2,40,145)
```
#032da5
```
#032da5 rgb(3,45,165)
```
#0332b8
```
#0332b8 rgb(3,50,184)
```
#0337cb
```
#0337cb rgb(3,55,203)
```
#043ddf
```
#043ddf rgb(4,61,223)
```
#0442f2
```
#0442f2 rgb(4,66,242)
```

Shade Color Variation

#0e4cfb
```
#0e4cfb rgb(14,76,251)
```
#215afb
```
#215afb rgb(33,90,251)
```
#3569fc
```
#3569fc rgb(53,105,252)
```
#4877fc
```
#4877fc rgb(72,119,252)
```
#5b85fc
```
#5b85fc rgb(91,133,252)
```
#6f94fd
```
#6f94fd rgb(111,148,253)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```
#95b0fd
```
#95b0fd rgb(149,176,253)
```
#a9bffe
```
#a9bffe rgb(169,191,254)
```
#bccdfe
```
#bccdfe rgb(188,205,254)
```
#cfdbfe
```
#cfdbfe rgb(207,219,254)
```
#e3eaff
```
#e3eaff rgb(227,234,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 #82a2fd is the most saturated one.

#bdbec2
```
#bdbec2 rgb(189,190,194)
```
#b8bcc7
```
#b8bcc7 rgb(184,188,199)
```
#b3b9cc
```
#b3b9cc rgb(179,185,204)
```
#aeb7d1
```
#aeb7d1 rgb(174,183,209)
```
#a9b5d6
```
#a9b5d6 rgb(169,181,214)
```
#a4b2db
```
#a4b2db rgb(164,178,219)
```
#9fb0e0
```
#9fb0e0 rgb(159,176,224)
```
#9aaee5
```
#9aaee5 rgb(154,174,229)
```
#96abe9
```
#96abe9 rgb(150,171,233)
```
#91a9ee
```
#91a9ee rgb(145,169,238)
```
#8ca7f3
```
#8ca7f3 rgb(140,167,243)
```
#87a4f8
```
#87a4f8 rgb(135,164,248)
```
#82a2fd
```
#82a2fd rgb(130,162,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ca3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a6fd Protanopia 1% of men
#7ca9fc Deuteranopia 1% of men
#70b3c1 Tritanopia 0.001% of the population

Trichromacy

#85a5fd Protanomaly 1% of men, 0.01% of women
#7ea6fc Deuteranomaly 6% of men, 0.4% of women
#76add6 Tritanomaly 0.01% of the population

#82a2fd hex color

#82a2fd Color Information

#82a2fd Color Conversion

Color Schemes with #82a2fd

Alternatives to #82a2fd

#82a2fd Preview

Shades and Tints of #82a2fd

Tones of #82a2fd

Color Blindness Simulator