#80afdd hex color

In a RGB color space, hex #80afdd is composed of 50.2% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 209.7 degrees, a saturation of 57.8% and a lightness of 68.4%. #80afdd color hex could be obtained by blending #ffffff with #015fbb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 69
- B 87
RGB color chart
- C 42
- M 21
- Y 0
- K 13
CMYK color chart

● #80afdd color description : Very soft blue.

The hexadecimal color #80afdd has RGB values of R:128, G:175, B:221 and CMYK values of C:0.42, M:0.21, Y:0, K:0.13. Its decimal value is 8433629.

Hex triplet	80afdd	`#80afdd`
RGB Decimal	128, 175, 221	`rgb(128,175,221)`
RGB Percent	50.2, 68.6, 86.7	`rgb(50.2%,68.6%,86.7%)`
CMYK	42, 21, 0, 13
HSL	209.7°, 57.8, 68.4	`hsl(209.7,57.8%,68.4%)`
HSV (or HSB)	209.7°, 42.1, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.802, -3.832, -28.105
XYZ	37.28, 40.468, 74.249
xyY	0.245, 0.266, 40.468
CIE-LCH	69.802, 28.365, 262.235
CIE-LUV	69.802, -23.459, -43.807
Hunter-Lab	63.614, -6.718, -24.672
Binary	10000000, 10101111, 11011101

#80afdd
```
#80afdd rgb(128,175,221)
```
#ddae80
```
#ddae80 rgb(221,174,128)
```

Complementary Color

#80dddd
```
#80dddd rgb(128,221,221)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#8081dd
```
#8081dd rgb(128,129,221)
```

Analogous Color

#dddd80
```
#dddd80 rgb(221,221,128)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#dd8081
```
#dd8081 rgb(221,128,129)
```

Split Complementary Color

#afdd80
```
#afdd80 rgb(175,221,128)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#dd80af
```
#dd80af rgb(221,128,175)
```

Triadic Color

#80ddae
```
#80ddae rgb(128,221,174)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#dd80af
```
#dd80af rgb(221,128,175)
```
#ddae80
```
#ddae80 rgb(221,174,128)
```

Tetradic Color

#4489cd
```
#4489cd rgb(68,137,205)
```
#5896d2
```
#5896d2 rgb(88,150,210)
```
#6ca2d8
```
#6ca2d8 rgb(108,162,216)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#94bce2
```
#94bce2 rgb(148,188,226)
```
#a8c8e8
```
#a8c8e8 rgb(168,200,232)
```
#bcd5ed
```
#bcd5ed rgb(188,213,237)
```

Monochromatic Color

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

#80c6dd
```
#80c6dd rgb(128,198,221)
```
#80bfdd
```
#80bfdd rgb(128,191,221)
```
#80b7dd
```
#80b7dd rgb(128,183,221)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#80a7dd
```
#80a7dd rgb(128,167,221)
```
#80a0dd
```
#80a0dd rgb(128,160,221)
```
#8098dd
```
#8098dd rgb(128,152,221)
```

Similar Colors

Text with hexadecimal color #80afdd

This text has a font color of #80afdd.

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

#80afdd background color

This paragraph has a background color of #80afdd.

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

#80afdd border color

This element has a border color of #80afdd.

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

CSS codes

.text {color:#80afdd;}

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

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

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

#03080c
```
#03080c rgb(3,8,12)
```
#07121c
```
#07121c rgb(7,18,28)
```
#0c1c2b
```
#0c1c2b rgb(12,28,43)
```
#10253b
```
#10253b rgb(16,37,59)
```
#142f4a
```
#142f4a rgb(20,47,74)
```
#18395a
```
#18395a rgb(24,57,90)
```
#1c4369
```
#1c4369 rgb(28,67,105)
```
#204d79
```
#204d79 rgb(32,77,121)
```
#245788
```
#245788 rgb(36,87,136)
```
#296198
```
#296198 rgb(41,97,152)
```
#2d6ba7
```
#2d6ba7 rgb(45,107,167)
```
#3174b6
```
#3174b6 rgb(49,116,182)
```
#357ec6
```
#357ec6 rgb(53,126,198)
```

Shade Color Variation

#4288cc
```
#4288cc rgb(66,136,204)
```
#5292d1
```
#5292d1 rgb(82,146,209)
```
#619cd5
```
#619cd5 rgb(97,156,213)
```
#71a5d9
```
#71a5d9 rgb(113,165,217)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#8fb9e1
```
#8fb9e1 rgb(143,185,225)
```
#9fc2e5
```
#9fc2e5 rgb(159,194,229)
```
#aecce9
```
#aecce9 rgb(174,204,233)
```
#bed6ee
```
#bed6ee rgb(190,214,238)
```
#cde0f2
```
#cde0f2 rgb(205,224,242)
```
#dde9f6
```
#dde9f6 rgb(221,233,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#abafb2
```
#abafb2 rgb(171,175,178)
```
#a5afb8
```
#a5afb8 rgb(165,175,184)
```
#9fafbe
```
#9fafbe rgb(159,175,190)
```
#99afc4
```
#99afc4 rgb(153,175,196)
```
#93afca
```
#93afca rgb(147,175,202)
```
#8cafd1
```
#8cafd1 rgb(140,175,209)
```
#86afd7
```
#86afd7 rgb(134,175,215)
```
#80afdd
```
#80afdd rgb(128,175,221)
```
#7aafe3
```
#7aafe3 rgb(122,175,227)
```
#74afe9
```
#74afe9 rgb(116,175,233)
```
#6daff0
```
#6daff0 rgb(109,175,240)
```
#67aff6
```
#67aff6 rgb(103,175,246)
```
#61affc
```
#61affc rgb(97,175,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ea8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2adda Protanopia 1% of men
#a1ace1 Deuteranopia 1% of men
#7db7c5 Tritanopia 0.001% of the population

Trichromacy

#95addb Protanomaly 1% of men, 0.01% of women
#95addf Deuteranomaly 6% of men, 0.4% of women
#7eb4cd Tritanomaly 0.01% of the population

#80afdd hex color

#80afdd Color Information

#80afdd Color Conversion

Color Schemes with #80afdd

Alternatives to #80afdd

#80afdd Preview

Shades and Tints of #80afdd

Tones of #80afdd

Color Blindness Simulator