#80afd4 hex color

In a RGB color space, hex #80afd4 is composed of 50.2% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 206.4 degrees, a saturation of 49.4% and a lightness of 66.7%. #80afd4 color hex could be obtained by blending #ffffff with #015fa9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 69
- B 83
RGB color chart
- C 40
- M 17
- Y 0
- K 17
CMYK color chart

● #80afd4 color description : Slightly desaturated blue.

The hexadecimal color #80afd4 has RGB values of R:128, G:175, B:212 and CMYK values of C:0.4, M:0.17, Y:0, K:0.17. Its decimal value is 8433620.

Hex triplet	80afd4	`#80afd4`
RGB Decimal	128, 175, 212	`rgb(128,175,212)`
RGB Percent	50.2, 68.6, 83.1	`rgb(50.2%,68.6%,83.1%)`
CMYK	40, 17, 0, 17
HSL	206.4°, 49.4, 66.7	`hsl(206.4,49.4%,66.7%)`
HSV (or HSB)	206.4°, 39.6, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.47, -6.265, -23.677
XYZ	36.113, 40.001, 68.102
xyY	0.25, 0.277, 40.001
CIE-LCH	69.47, 24.492, 255.179
CIE-LUV	69.47, -23.447, -36.102
Hunter-Lab	63.246, -8.76, -19.569
Binary	10000000, 10101111, 11010100

#80afd4
```
#80afd4 rgb(128,175,212)
```
#d4a580
```
#d4a580 rgb(212,165,128)
```

Complementary Color

#80d4cf
```
#80d4cf rgb(128,212,207)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#8085d4
```
#8085d4 rgb(128,133,212)
```

Analogous Color

#d4cf80
```
#d4cf80 rgb(212,207,128)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#d48085
```
#d48085 rgb(212,128,133)
```

Split Complementary Color

#afd480
```
#afd480 rgb(175,212,128)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#d480af
```
#d480af rgb(212,128,175)
```

Triadic Color

#80d4a5
```
#80d4a5 rgb(128,212,165)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#d480af
```
#d480af rgb(212,128,175)
```
#d4a580
```
#d4a580 rgb(212,165,128)
```

Tetradic Color

#478bc1
```
#478bc1 rgb(71,139,193)
```
#5a97c7
```
#5a97c7 rgb(90,151,199)
```
#6da3ce
```
#6da3ce rgb(109,163,206)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#93bbda
```
#93bbda rgb(147,187,218)
```
#a6c7e1
```
#a6c7e1 rgb(166,199,225)
```
#b9d3e7
```
#b9d3e7 rgb(185,211,231)
```

Monochromatic Color

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

#80c4d4
```
#80c4d4 rgb(128,196,212)
```
#80bdd4
```
#80bdd4 rgb(128,189,212)
```
#80b6d4
```
#80b6d4 rgb(128,182,212)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#80a8d4
```
#80a8d4 rgb(128,168,212)
```
#80a1d4
```
#80a1d4 rgb(128,161,212)
```
#809ad4
```
#809ad4 rgb(128,154,212)
```

Similar Colors

Text with hexadecimal color #80afd4

This text has a font color of #80afd4.

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

#80afd4 background color

This paragraph has a background color of #80afd4.

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

#80afd4 border color

This element has a border color of #80afd4.

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

CSS codes

.text {color:#80afd4;}

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

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

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 #f5f9fc is the lightest one.

#020305
```
#020305 rgb(2,3,5)
```
#070e14
```
#070e14 rgb(7,14,20)
```
#0c1822
```
#0c1822 rgb(12,24,34)
```
#112331
```
#112331 rgb(17,35,49)
```
#162d40
```
#162d40 rgb(22,45,64)
```
#1a374e
```
#1a374e rgb(26,55,78)
```
#1f425d
```
#1f425d rgb(31,66,93)
```
#244c6b
```
#244c6b rgb(36,76,107)
```
#29577a
```
#29577a rgb(41,87,122)
```
#2e6189
```
#2e6189 rgb(46,97,137)
```
#336b97
```
#336b97 rgb(51,107,151)
```
#3876a6
```
#3876a6 rgb(56,118,166)
```
#3d80b5
```
#3d80b5 rgb(61,128,181)
```

Shade Color Variation

#458ac0
```
#458ac0 rgb(69,138,192)
```
#5493c5
```
#5493c5 rgb(84,147,197)
```
#639dca
```
#639dca rgb(99,157,202)
```
#71a6cf
```
#71a6cf rgb(113,166,207)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#8fb8d9
```
#8fb8d9 rgb(143,184,217)
```
#9dc1de
```
#9dc1de rgb(157,193,222)
```
#accbe3
```
#accbe3 rgb(172,203,227)
```
#bbd4e8
```
#bbd4e8 rgb(187,212,232)
```
#c9dded
```
#c9dded rgb(201,221,237)
```
#d8e6f2
```
#d8e6f2 rgb(216,230,242)
```
#e7f0f7
```
#e7f0f7 rgb(231,240,247)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#a7aaad
```
#a7aaad rgb(167,170,173)
```
#a1abb3
```
#a1abb3 rgb(161,171,179)
```
#9aacba
```
#9aacba rgb(154,172,186)
```
#94adc0
```
#94adc0 rgb(148,173,192)
```
#8dadc7
```
#8dadc7 rgb(141,173,199)
```
#87aecd
```
#87aecd rgb(135,174,205)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#79b0db
```
#79b0db rgb(121,176,219)
```
#73b1e1
```
#73b1e1 rgb(115,177,225)
```
#6cb1e8
```
#6cb1e8 rgb(108,177,232)
```
#66b2ee
```
#66b2ee rgb(102,178,238)
```
#5fb3f5
```
#5fb3f5 rgb(95,179,245)
```
#59b4fb
```
#59b4fb rgb(89,180,251)
```

Tone Color Variation

Below, you can see how #80afd4 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
#9ea7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4acd2 Protanopia 1% of men
#a6abd9 Deuteranopia 1% of men
#80b6c3 Tritanopia 0.001% of the population

Trichromacy

#97add2 Protanomaly 1% of men, 0.01% of women
#98acd7 Deuteranomaly 6% of men, 0.4% of women
#80b3c9 Tritanomaly 0.01% of the population

#80afd4 hex color

#80afd4 Color Information

#80afd4 Color Conversion

Color Schemes with #80afd4

Alternatives to #80afd4

#80afd4 Preview

Shades and Tints of #80afd4

Tones of #80afd4

Color Blindness Simulator