#82a4d2 hex color

In a RGB color space, hex #82a4d2 is composed of 51% red, 64.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 21.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 214.5 degrees, a saturation of 47.1% and a lightness of 66.7%. #82a4d2 color hex could be obtained by blending #ffffff with #0549a5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 64
- B 82
RGB color chart
- C 38
- M 22
- Y 0
- K 18
CMYK color chart

● #82a4d2 color description : Slightly desaturated blue.

The hexadecimal color #82a4d2 has RGB values of R:130, G:164, B:210 and CMYK values of C:0.38, M:0.22, Y:0, K:0.18. Its decimal value is 8561874.

Hex triplet	82a4d2	`#82a4d2`
RGB Decimal	130, 164, 210	`rgb(130,164,210)`
RGB Percent	51, 64.3, 82.4	`rgb(51%,64.3%,82.4%)`
CMYK	38, 22, 0, 18
HSL	214.5°, 47.1, 66.7	`hsl(214.5,47.1%,66.7%)`
HSV (or HSB)	214.5°, 38.1, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.481, -0.196, -27.148
XYZ	34.112, 35.949, 66.111
xyY	0.251, 0.264, 35.949
CIE-LCH	66.481, 27.149, 269.587
CIE-LUV	66.481, -18.167, -42.407
Hunter-Lab	59.957, -3.37, -23.405
Binary	10000010, 10100100, 11010010

#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#d2b082
```
#d2b082 rgb(210,176,130)
```

Complementary Color

#82ccd2
```
#82ccd2 rgb(130,204,210)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#8882d2
```
#8882d2 rgb(136,130,210)
```

Analogous Color

#ccd282
```
#ccd282 rgb(204,210,130)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#d28882
```
#d28882 rgb(210,136,130)
```

Split Complementary Color

#a4d282
```
#a4d282 rgb(164,210,130)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#d282a4
```
#d282a4 rgb(210,130,164)
```

Triadic Color

#82d2b0
```
#82d2b0 rgb(130,210,176)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#d282a4
```
#d282a4 rgb(210,130,164)
```
#d2b082
```
#d2b082 rgb(210,176,130)
```

Tetradic Color

#4a7bbe
```
#4a7bbe rgb(74,123,190)
```
#5d89c5
```
#5d89c5 rgb(93,137,197)
```
#6f96cb
```
#6f96cb rgb(111,150,203)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#95b2d9
```
#95b2d9 rgb(149,178,217)
```
#a8bfe0
```
#a8bfe0 rgb(168,191,224)
```
#bacde6
```
#bacde6 rgb(186,205,230)
```

Monochromatic Color

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

#82b8d2
```
#82b8d2 rgb(130,184,210)
```
#82b1d2
```
#82b1d2 rgb(130,177,210)
```
#82abd2
```
#82abd2 rgb(130,171,210)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#829dd2
```
#829dd2 rgb(130,157,210)
```
#8297d2
```
#8297d2 rgb(130,151,210)
```
#8290d2
```
#8290d2 rgb(130,144,210)
```

Similar Colors

Text with hexadecimal color #82a4d2

This text has a font color of #82a4d2.

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

#82a4d2 background color

This paragraph has a background color of #82a4d2.

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

#82a4d2 border color

This element has a border color of #82a4d2.

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

CSS codes

.text {color:#82a4d2;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070c13
```
#070c13 rgb(7,12,19)
```
#0c1522
```
#0c1522 rgb(12,21,34)
```
#111e30
```
#111e30 rgb(17,30,48)
```
#17283e
```
#17283e rgb(23,40,62)
```
#1c314d
```
#1c314d rgb(28,49,77)
```
#213a5b
```
#213a5b rgb(33,58,91)
```
#26436a
```
#26436a rgb(38,67,106)
```
#2b4c78
```
#2b4c78 rgb(43,76,120)
```
#305587
```
#305587 rgb(48,85,135)
```
#365e95
```
#365e95 rgb(54,94,149)
```
#3b67a3
```
#3b67a3 rgb(59,103,163)
```
#4070b2
```
#4070b2 rgb(64,112,178)
```

Shade Color Variation

#487abd
```
#487abd rgb(72,122,189)
```
#5785c2
```
#5785c2 rgb(87,133,194)
```
#658fc8
```
#658fc8 rgb(101,143,200)
```
#749acd
```
#749acd rgb(116,154,205)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#90afd7
```
#90afd7 rgb(144,175,215)
```
#9fb9dc
```
#9fb9dc rgb(159,185,220)
```
#adc4e2
```
#adc4e2 rgb(173,196,226)
```
#bccee7
```
#bccee7 rgb(188,206,231)
```
#cad9ec
```
#cad9ec rgb(202,217,236)
```
#d9e3f1
```
#d9e3f1 rgb(217,227,241)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#a9aaab
```
#a9aaab rgb(169,170,171)
```
#a3a9b1
```
#a3a9b1 rgb(163,169,177)
```
#9ca8b8
```
#9ca8b8 rgb(156,168,184)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#8fa6c5
```
#8fa6c5 rgb(143,166,197)
```
#89a5cb
```
#89a5cb rgb(137,165,203)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#7ba3d9
```
#7ba3d9 rgb(123,163,217)
```
#75a2df
```
#75a2df rgb(117,162,223)
```
#6ea1e6
```
#6ea1e6 rgb(110,161,230)
```
#68a0ec
```
#68a0ec rgb(104,160,236)
```
#619ff3
```
#619ff3 rgb(97,159,243)
```
#5b9ef9
```
#5b9ef9 rgb(91,158,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#99a0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa4d1 Protanopia 1% of men
#9aa4d6 Deuteranopia 1% of men
#80adba Tritanopia 0.001% of the population

Trichromacy

#91a4d1 Protanomaly 1% of men, 0.01% of women
#91a4d4 Deuteranomaly 6% of men, 0.4% of women
#80aac2 Tritanomaly 0.01% of the population

#82a4d2 hex color

#82a4d2 Color Information

#82a4d2 Color Conversion

Color Schemes with #82a4d2

Alternatives to #82a4d2

#82a4d2 Preview

Shades and Tints of #82a4d2

Tones of #82a4d2

Color Blindness Simulator