#80dfff hex color

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

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

● #80dfff color description : Very light blue.

The hexadecimal color #80dfff has RGB values of R:128, G:223, B:255 and CMYK values of C:0.5, M:0.13, Y:0, K:0. Its decimal value is 8445951.

Hex triplet	80dfff	`#80dfff`
RGB Decimal	128, 223, 255	`rgb(128,223,255)`
RGB Percent	50.2, 87.5, 100	`rgb(50.2%,87.5%,100%)`
CMYK	50, 13, 0, 0
HSL	195.1°, 100, 75.1	`hsl(195.1,100%,75.1%)`
HSV (or HSB)	195.1°, 49.8, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.267, -19.778, -24.252
XYZ	53.335, 64.581, 104.257
xyY	0.24, 0.291, 64.581
CIE-LCH	84.267, 31.294, 230.801
CIE-LUV	84.267, -41.643, -36.041
Hunter-Lab	80.362, -22.167, -20.665
Binary	10000000, 11011111, 11111111

#80dfff
```
#80dfff rgb(128,223,255)
```
#ffa080
```
#ffa080 rgb(255,160,128)
```

Complementary Color

#80ffe0
```
#80ffe0 rgb(128,255,224)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#80a0ff
```
#80a0ff rgb(128,160,255)
```

Analogous Color

#ffe080
```
#ffe080 rgb(255,224,128)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#ff80a0
```
#ff80a0 rgb(255,128,160)
```

Split Complementary Color

#dfff80
```
#dfff80 rgb(223,255,128)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#ff80df
```
#ff80df rgb(255,128,223)
```

Triadic Color

#80ffa0
```
#80ffa0 rgb(128,255,160)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#ff80df
```
#ff80df rgb(255,128,223)
```
#ffa080
```
#ffa080 rgb(255,160,128)
```

Tetradic Color

#34ccff
```
#34ccff rgb(52,204,255)
```
#4dd2ff
```
#4dd2ff rgb(77,210,255)
```
#67d9ff
```
#67d9ff rgb(103,217,255)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#9ae5ff
```
#9ae5ff rgb(154,229,255)
```
#b3ecff
```
#b3ecff rgb(179,236,255)
```
#cdf2ff
```
#cdf2ff rgb(205,242,255)
```

Monochromatic Color

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

#80ffff
```
#80ffff rgb(128,255,255)
```
#80f4ff
```
#80f4ff rgb(128,244,255)
```
#80eaff
```
#80eaff rgb(128,234,255)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#80d4ff
```
#80d4ff rgb(128,212,255)
```
#80caff
```
#80caff rgb(128,202,255)
```
#80bfff
```
#80bfff rgb(128,191,255)
```

Similar Colors

Text with hexadecimal color #80dfff

This text has a font color of #80dfff.

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

#80dfff background color

This paragraph has a background color of #80dfff.

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

#80dfff border color

This element has a border color of #80dfff.

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

CSS codes

.text {color:#80dfff;}

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

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

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

#00080a
```
#00080a rgb(0,8,10)
```
#00161e
```
#00161e rgb(0,22,30)
```
#002532
```
#002532 rgb(0,37,50)
```
#003445
```
#003445 rgb(0,52,69)
```
#004259
```
#004259 rgb(0,66,89)
```
#00516c
```
#00516c rgb(0,81,108)
```
#006080
```
#006080 rgb(0,96,128)
```
#006e94
```
#006e94 rgb(0,110,148)
```
#007da7
```
#007da7 rgb(0,125,167)
```
#008cbb
```
#008cbb rgb(0,140,187)
```
#009ace
```
#009ace rgb(0,154,206)
```
#00a9e2
```
#00a9e2 rgb(0,169,226)
```
#00b8f6
```
#00b8f6 rgb(0,184,246)
```

Shade Color Variation

#0ac1ff
```
#0ac1ff rgb(10,193,255)
```
#1ec6ff
```
#1ec6ff rgb(30,198,255)
```
#32cbff
```
#32cbff rgb(50,203,255)
```
#45d0ff
```
#45d0ff rgb(69,208,255)
```
#59d5ff
```
#59d5ff rgb(89,213,255)
```
#6cdaff
```
#6cdaff rgb(108,218,255)
```
#80dfff
```
#80dfff rgb(128,223,255)
```
#94e4ff
```
#94e4ff rgb(148,228,255)
```
#a7e9ff
```
#a7e9ff rgb(167,233,255)
```
#bbeeff
```
#bbeeff rgb(187,238,255)
```
#cef3ff
```
#cef3ff rgb(206,243,255)
```
#e2f8ff
```
#e2f8ff rgb(226,248,255)
```
#f6fdff
```
#f6fdff rgb(246,253,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 #80dfff is the most saturated one.

#bbc2c4
```
#bbc2c4 rgb(187,194,196)
```
#b6c4c9
```
#b6c4c9 rgb(182,196,201)
```
#b1c7ce
```
#b1c7ce rgb(177,199,206)
```
#acc9d3
```
#acc9d3 rgb(172,201,211)
```
#a7ccd8
```
#a7ccd8 rgb(167,204,216)
```
#a2cedd
```
#a2cedd rgb(162,206,221)
```
#9dd0e2
```
#9dd0e2 rgb(157,208,226)
```
#98d3e7
```
#98d3e7 rgb(152,211,231)
```
#94d5eb
```
#94d5eb rgb(148,213,235)
```
#8fd8f0
```
#8fd8f0 rgb(143,216,240)
```
#8adaf5
```
#8adaf5 rgb(138,218,245)
```
#85ddfa
```
#85ddfa rgb(133,221,250)
```
#80dfff
```
#80dfff rgb(128,223,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b8cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd2f6 Protanopia 1% of men
#ced1ff Deuteranopia 1% of men
#81e2f3 Tritanopia 0.001% of the population

Trichromacy

#b1d7f9 Protanomaly 1% of men, 0.01% of women
#b2d6ff Deuteranomaly 6% of men, 0.4% of women
#81e1f7 Tritanomaly 0.01% of the population

#80dfff hex color

#80dfff Color Information

#80dfff Color Conversion

Color Schemes with #80dfff

Alternatives to #80dfff

#80dfff Preview

Shades and Tints of #80dfff

Tones of #80dfff

Color Blindness Simulator