#80dcff hex color

In a RGB color space, hex #80dcff is composed of 50.2% red, 86.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 13.7% magenta, 0% yellow and 0% black. It has a hue angle of 196.5 degrees, a saturation of 100% and a lightness of 75.1%. #80dcff color hex could be obtained by blending #ffffff with #01b9ff. Closest websafe color is: #99ccff.

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

● #80dcff color description : Very light blue.

The hexadecimal color #80dcff has RGB values of R:128, G:220, B:255 and CMYK values of C:0.5, M:0.14, Y:0, K:0. Its decimal value is 8445183.

Hex triplet	80dcff	`#80dcff`
RGB Decimal	128, 220, 255	`rgb(128,220,255)`
RGB Percent	50.2, 86.3, 100	`rgb(50.2%,86.3%,100%)`
CMYK	50, 14, 0, 0
HSL	196.5°, 100, 75.1	`hsl(196.5,100%,75.1%)`
HSV (or HSB)	196.5°, 49.8, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.438, -18.262, -25.514
XYZ	52.541, 62.992, 103.992
xyY	0.239, 0.287, 62.992
CIE-LCH	83.438, 31.376, 234.406
CIE-LUV	83.438, -40.499, -38.363
Hunter-Lab	79.368, -20.728, -22.128
Binary	10000000, 11011100, 11111111

#80dcff
```
#80dcff rgb(128,220,255)
```
#ffa380
```
#ffa380 rgb(255,163,128)
```

Complementary Color

#80ffe3
```
#80ffe3 rgb(128,255,227)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#809dff
```
#809dff rgb(128,157,255)
```

Analogous Color

#ffe380
```
#ffe380 rgb(255,227,128)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#ff809d
```
#ff809d rgb(255,128,157)
```

Split Complementary Color

#dcff80
```
#dcff80 rgb(220,255,128)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#ff80dc
```
#ff80dc rgb(255,128,220)
```

Triadic Color

#80ffa3
```
#80ffa3 rgb(128,255,163)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#ff80dc
```
#ff80dc rgb(255,128,220)
```
#ffa380
```
#ffa380 rgb(255,163,128)
```

Tetradic Color

#34c7ff
```
#34c7ff rgb(52,199,255)
```
#4dceff
```
#4dceff rgb(77,206,255)
```
#67d5ff
```
#67d5ff rgb(103,213,255)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#9ae3ff
```
#9ae3ff rgb(154,227,255)
```
#b3eaff
```
#b3eaff rgb(179,234,255)
```
#cdf1ff
```
#cdf1ff rgb(205,241,255)
```

Monochromatic Color

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

#80fcff
```
#80fcff rgb(128,252,255)
```
#80f1ff
```
#80f1ff rgb(128,241,255)
```
#80e7ff
```
#80e7ff rgb(128,231,255)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#80d1ff
```
#80d1ff rgb(128,209,255)
```
#80c7ff
```
#80c7ff rgb(128,199,255)
```
#80bcff
```
#80bcff rgb(128,188,255)
```

Similar Colors

Text with hexadecimal color #80dcff

This text has a font color of #80dcff.

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

#80dcff background color

This paragraph has a background color of #80dcff.

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

#80dcff border color

This element has a border color of #80dcff.

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

CSS codes

.text {color:#80dcff;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00161e
```
#00161e rgb(0,22,30)
```
#002432
```
#002432 rgb(0,36,50)
```
#003245
```
#003245 rgb(0,50,69)
```
#004059
```
#004059 rgb(0,64,89)
```
#004f6c
```
#004f6c rgb(0,79,108)
```
#005d80
```
#005d80 rgb(0,93,128)
```
#006b94
```
#006b94 rgb(0,107,148)
```
#0079a7
```
#0079a7 rgb(0,121,167)
```
#0087bb
```
#0087bb rgb(0,135,187)
```
#0096ce
```
#0096ce rgb(0,150,206)
```
#00a4e2
```
#00a4e2 rgb(0,164,226)
```
#00b2f6
```
#00b2f6 rgb(0,178,246)
```

Shade Color Variation

#0abcff
```
#0abcff rgb(10,188,255)
```
#1ec1ff
```
#1ec1ff rgb(30,193,255)
```
#32c6ff
```
#32c6ff rgb(50,198,255)
```
#45ccff
```
#45ccff rgb(69,204,255)
```
#59d1ff
```
#59d1ff rgb(89,209,255)
```
#6cd7ff
```
#6cd7ff rgb(108,215,255)
```
#80dcff
```
#80dcff rgb(128,220,255)
```
#94e1ff
```
#94e1ff rgb(148,225,255)
```
#a7e7ff
```
#a7e7ff rgb(167,231,255)
```
#bbecff
```
#bbecff rgb(187,236,255)
```
#cef2ff
```
#cef2ff rgb(206,242,255)
```
#e2f7ff
```
#e2f7ff rgb(226,247,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#bbc2c4
```
#bbc2c4 rgb(187,194,196)
```
#b6c4c9
```
#b6c4c9 rgb(182,196,201)
```
#b1c6ce
```
#b1c6ce rgb(177,198,206)
```
#acc8d3
```
#acc8d3 rgb(172,200,211)
```
#a7cad8
```
#a7cad8 rgb(167,202,216)
```
#a2cddd
```
#a2cddd rgb(162,205,221)
```
#9dcfe2
```
#9dcfe2 rgb(157,207,226)
```
#98d1e7
```
#98d1e7 rgb(152,209,231)
```
#94d3eb
```
#94d3eb rgb(148,211,235)
```
#8fd5f0
```
#8fd5f0 rgb(143,213,240)
```
#8ad8f5
```
#8ad8f5 rgb(138,216,245)
```
#85dafa
```
#85dafa rgb(133,218,250)
```
#80dcff
```
#80dcff rgb(128,220,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#b6c9d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9d0f6 Protanopia 1% of men
#cbcfff Deuteranopia 1% of men
#80e0f0 Tritanopia 0.001% of the population

Trichromacy

#afd4f9 Protanomaly 1% of men, 0.01% of women
#afd3ff Deuteranomaly 6% of men, 0.4% of women
#80def5 Tritanomaly 0.01% of the population

#80dcff hex color

#80dcff Color Information

#80dcff Color Conversion

Color Schemes with #80dcff

Alternatives to #80dcff

#80dcff Preview

Shades and Tints of #80dcff

Tones of #80dcff

Color Blindness Simulator