#80d8fe hex color

In a RGB color space, hex #80d8fe is composed of 50.2% red, 84.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 15% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.1 degrees, a saturation of 98.4% and a lightness of 74.9%. #80d8fe color hex could be obtained by blending #ffffff with #01b1fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 85
- B 100
RGB color chart
- C 50
- M 15
- Y 0
- K 0
CMYK color chart

● #80d8fe color description : Soft blue.

The hexadecimal color #80d8fe has RGB values of R:128, G:216, B:254 and CMYK values of C:0.5, M:0.15, Y:0, K:0. Its decimal value is 8444158.

Hex triplet	80d8fe	`#80d8fe`
RGB Decimal	128, 216, 254	`rgb(128,216,254)`
RGB Percent	50.2, 84.7, 99.6	`rgb(50.2%,84.7%,99.6%)`
CMYK	50, 15, 0, 0
HSL	198.1°, 98.4, 74.9	`hsl(198.1,98.4%,74.9%)`
HSV (or HSB)	198.1°, 49.6, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.3, -16.498, -26.722
XYZ	51.343, 60.854, 102.801
xyY	0.239, 0.283, 60.854
CIE-LCH	82.3, 31.404, 238.309
CIE-LUV	82.3, -39.002, -40.607
Hunter-Lab	78.009, -19.032, -23.527
Binary	10000000, 11011000, 11111110

#80d8fe
```
#80d8fe rgb(128,216,254)
```
#fea680
```
#fea680 rgb(254,166,128)
```

Complementary Color

#80fee5
```
#80fee5 rgb(128,254,229)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#8099fe
```
#8099fe rgb(128,153,254)
```

Analogous Color

#fee580
```
#fee580 rgb(254,229,128)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#fe8099
```
#fe8099 rgb(254,128,153)
```

Split Complementary Color

#d8fe80
```
#d8fe80 rgb(216,254,128)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#fe80d8
```
#fe80d8 rgb(254,128,216)
```

Triadic Color

#80fea6
```
#80fea6 rgb(128,254,166)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#fe80d8
```
#fe80d8 rgb(254,128,216)
```
#fea680
```
#fea680 rgb(254,166,128)
```

Tetradic Color

#34c1fd
```
#34c1fd rgb(52,193,253)
```
#4dc8fe
```
#4dc8fe rgb(77,200,254)
```
#67d0fe
```
#67d0fe rgb(103,208,254)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#99e0fe
```
#99e0fe rgb(153,224,254)
```
#b3e8fe
```
#b3e8fe rgb(179,232,254)
```
#ccefff
```
#ccefff rgb(204,239,255)
```

Monochromatic Color

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

#80f8fe
```
#80f8fe rgb(128,248,254)
```
#80edfe
```
#80edfe rgb(128,237,254)
```
#80e3fe
```
#80e3fe rgb(128,227,254)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#80cefe
```
#80cefe rgb(128,206,254)
```
#80c3fe
```
#80c3fe rgb(128,195,254)
```
#80b9fe
```
#80b9fe rgb(128,185,254)
```

Similar Colors

Text with hexadecimal color #80d8fe

This text has a font color of #80d8fe.

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

#80d8fe background color

This paragraph has a background color of #80d8fe.

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

#80d8fe border color

This element has a border color of #80d8fe.

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

CSS codes

.text {color:#80d8fe;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00141d
```
#00141d rgb(0,20,29)
```
#002230
```
#002230 rgb(0,34,48)
```
#012f44
```
#012f44 rgb(1,47,68)
```
#013d57
```
#013d57 rgb(1,61,87)
```
#014b6b
```
#014b6b rgb(1,75,107)
```
#01587e
```
#01587e rgb(1,88,126)
```
#016691
```
#016691 rgb(1,102,145)
```
#0174a5
```
#0174a5 rgb(1,116,165)
```
#0181b8
```
#0181b8 rgb(1,129,184)
```
#028fcc
```
#028fcc rgb(2,143,204)
```
#029cdf
```
#029cdf rgb(2,156,223)
```
#02aaf3
```
#02aaf3 rgb(2,170,243)
```

Shade Color Variation

#0bb4fd
```
#0bb4fd rgb(11,180,253)
```
#1fbafd
```
#1fbafd rgb(31,186,253)
```
#32c0fd
```
#32c0fd rgb(50,192,253)
```
#46c6fe
```
#46c6fe rgb(70,198,254)
```
#59ccfe
```
#59ccfe rgb(89,204,254)
```
#6dd2fe
```
#6dd2fe rgb(109,210,254)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```
#93defe
```
#93defe rgb(147,222,254)
```
#a7e4fe
```
#a7e4fe rgb(167,228,254)
```
#baeafe
```
#baeafe rgb(186,234,254)
```
#cef0ff
```
#cef0ff rgb(206,240,255)
```
#e1f6ff
```
#e1f6ff rgb(225,246,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#bbc1c3
```
#bbc1c3 rgb(187,193,195)
```
#b6c3c8
```
#b6c3c8 rgb(182,195,200)
```
#b1c4cd
```
#b1c4cd rgb(177,196,205)
```
#acc6d2
```
#acc6d2 rgb(172,198,210)
```
#a7c8d7
```
#a7c8d7 rgb(167,200,215)
```
#a2cadc
```
#a2cadc rgb(162,202,220)
```
#9ecce0
```
#9ecce0 rgb(158,204,224)
```
#99cee5
```
#99cee5 rgb(153,206,229)
```
#94d0ea
```
#94d0ea rgb(148,208,234)
```
#8fd2ef
```
#8fd2ef rgb(143,210,239)
```
#8ad4f4
```
#8ad4f4 rgb(138,212,244)
```
#85d6f9
```
#85d6f9 rgb(133,214,249)
```
#80d8fe
```
#80d8fe rgb(128,216,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b5c6ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cdf6 Protanopia 1% of men
#c6ccff Deuteranopia 1% of men
#7fdded Tritanopia 0.001% of the population

Trichromacy

#acd1f9 Protanomaly 1% of men, 0.01% of women
#acd0fe Deuteranomaly 6% of men, 0.4% of women
#7fdbf3 Tritanomaly 0.01% of the population

#80d8fe hex color

#80d8fe Color Information

#80d8fe Color Conversion

Color Schemes with #80d8fe

Alternatives to #80d8fe

#80d8fe Preview

Shades and Tints of #80d8fe

Tones of #80d8fe

Color Blindness Simulator