#80a2d1 hex color

In a RGB color space, hex #80a2d1 is composed of 50.2% red, 63.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 22.5% magenta, 0% yellow and 18% black. It has a hue angle of 214.8 degrees, a saturation of 46.8% and a lightness of 66.1%. #80a2d1 color hex could be obtained by blending #ffffff with #0145a3. Closest websafe color is: #9999cc.

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

● #80a2d1 color description : Slightly desaturated blue.

The hexadecimal color #80a2d1 has RGB values of R:128, G:162, B:209 and CMYK values of C:0.39, M:0.22, Y:0, K:0.18. Its decimal value is 8430289.

Hex triplet	80a2d1	`#80a2d1`
RGB Decimal	128, 162, 209	`rgb(128,162,209)`
RGB Percent	50.2, 63.5, 82	`rgb(50.2%,63.5%,82%)`
CMYK	39, 22, 0, 18
HSL	214.8°, 46.8, 66.1	`hsl(214.8,46.8%,66.1%)`
HSV (or HSB)	214.8°, 38.8, 82
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.774, 0.111, -27.692
XYZ	33.329, 35.032, 65.324
xyY	0.249, 0.262, 35.032
CIE-LCH	65.774, 27.693, 270.23
CIE-LUV	65.774, -18.139, -43.278
Hunter-Lab	59.188, -3.066, -24.005
Binary	10000000, 10100010, 11010001

#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#d1af80
```
#d1af80 rgb(209,175,128)
```

Complementary Color

#80cbd1
```
#80cbd1 rgb(128,203,209)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#8780d1
```
#8780d1 rgb(135,128,209)
```

Analogous Color

#cbd180
```
#cbd180 rgb(203,209,128)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#d18780
```
#d18780 rgb(209,135,128)
```

Split Complementary Color

#a2d180
```
#a2d180 rgb(162,209,128)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#d180a2
```
#d180a2 rgb(209,128,162)
```

Triadic Color

#80d1af
```
#80d1af rgb(128,209,175)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#d180a2
```
#d180a2 rgb(209,128,162)
```
#d1af80
```
#d1af80 rgb(209,175,128)
```

Tetradic Color

#4879bd
```
#4879bd rgb(72,121,189)
```
#5b87c3
```
#5b87c3 rgb(91,135,195)
```
#6d94ca
```
#6d94ca rgb(109,148,202)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#93b0d8
```
#93b0d8 rgb(147,176,216)
```
#a5bddf
```
#a5bddf rgb(165,189,223)
```
#b8cbe5
```
#b8cbe5 rgb(184,203,229)
```

Monochromatic Color

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

#80b6d1
```
#80b6d1 rgb(128,182,209)
```
#80b0d1
```
#80b0d1 rgb(128,176,209)
```
#80a9d1
```
#80a9d1 rgb(128,169,209)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#809bd1
```
#809bd1 rgb(128,155,209)
```
#8095d1
```
#8095d1 rgb(128,149,209)
```
#808ed1
```
#808ed1 rgb(128,142,209)
```

Similar Colors

Text with hexadecimal color #80a2d1

This text has a font color of #80a2d1.

<span style="color:#80a2d1;">Text here</span>

#80a2d1 background color

This paragraph has a background color of #80a2d1.

<p style="background-color:#80a2d1;">Content here</p>

#80a2d1 border color

This element has a border color of #80a2d1.

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

CSS codes

.text {color:#80a2d1;}

.background {background-color:#80a2d1;}

.border {border:1px solid #80a2d1;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b141f
```
#0b141f rgb(11,20,31)
```
#111d2e
```
#111d2e rgb(17,29,46)
```
#16263c
```
#16263c rgb(22,38,60)
```
#1b2f4b
```
#1b2f4b rgb(27,47,75)
```
#203859
```
#203859 rgb(32,56,89)
```
#254167
```
#254167 rgb(37,65,103)
```
#2b4a76
```
#2b4a76 rgb(43,74,118)
```
#305384
```
#305384 rgb(48,83,132)
```
#355c93
```
#355c93 rgb(53,92,147)
```
#3a65a1
```
#3a65a1 rgb(58,101,161)
```
#406eaf
```
#406eaf rgb(64,110,175)
```

Shade Color Variation

#4678bc
```
#4678bc rgb(70,120,188)
```
#5582c1
```
#5582c1 rgb(85,130,193)
```
#638dc7
```
#638dc7 rgb(99,141,199)
```
#7297cc
```
#7297cc rgb(114,151,204)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#8eadd6
```
#8eadd6 rgb(142,173,214)
```
#9db7db
```
#9db7db rgb(157,183,219)
```
#abc2e1
```
#abc2e1 rgb(171,194,225)
```
#bacce6
```
#bacce6 rgb(186,204,230)
```
#c8d7eb
```
#c8d7eb rgb(200,215,235)
```
#d6e1f0
```
#d6e1f0 rgb(214,225,240)
```
#e5ecf6
```
#e5ecf6 rgb(229,236,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#a8a8a9
```
#a8a8a9 rgb(168,168,169)
```
#a1a7b0
```
#a1a7b0 rgb(161,167,176)
```
#9ba6b6
```
#9ba6b6 rgb(155,166,182)
```
#94a5bd
```
#94a5bd rgb(148,165,189)
```
#8da4c4
```
#8da4c4 rgb(141,164,196)
```
#87a3ca
```
#87a3ca rgb(135,163,202)
```
#80a2d1
```
#80a2d1 rgb(128,162,209)
```
#79a1d8
```
#79a1d8 rgb(121,161,216)
```
#73a0de
```
#73a0de rgb(115,160,222)
```
#6c9fe5
```
#6c9fe5 rgb(108,159,229)
```
#659eec
```
#659eec rgb(101,158,236)
```
#5f9df2
```
#5f9df2 rgb(95,157,242)
```
#589cf9
```
#589cf9 rgb(88,156,249)
```

Tone Color Variation

Below, you can see how #80a2d1 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

#9d9d9d Achromatopsia 0.005% of the population
#979ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a3d0 Protanopia 1% of men
#97a2d5 Deuteranopia 1% of men
#7eabb8 Tritanopia 0.001% of the population

Trichromacy

#8fa2d0 Protanomaly 1% of men, 0.01% of women
#8fa2d3 Deuteranomaly 6% of men, 0.4% of women
#7ea8c1 Tritanomaly 0.01% of the population

#80a2d1 hex color

#80a2d1 Color Information

#80a2d1 Color Conversion

Color Schemes with #80a2d1

Alternatives to #80a2d1

#80a2d1 Preview

Shades and Tints of #80a2d1

Tones of #80a2d1

Color Blindness Simulator