#80dfec hex color

In a RGB color space, hex #80dfec is composed of 50.2% red, 87.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 5.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 187.2 degrees, a saturation of 74% and a lightness of 71.4%. #80dfec color hex could be obtained by blending #ffffff with #01bfd9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 87
- B 93
RGB color chart
- C 46
- M 6
- Y 0
- K 7
CMYK color chart

● #80dfec color description : Soft cyan.

The hexadecimal color #80dfec has RGB values of R:128, G:223, B:236 and CMYK values of C:0.46, M:0.06, Y:0, K:0.07. Its decimal value is 8445932.

Hex triplet	80dfec	`#80dfec`
RGB Decimal	128, 223, 236	`rgb(128,223,236)`
RGB Percent	50.2, 87.5, 92.5	`rgb(50.2%,87.5%,92.5%)`
CMYK	46, 6, 0, 7
HSL	187.2°, 74, 71.4	`hsl(187.2,74%,71.4%)`
HSV (or HSB)	187.2°, 45.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.662, -24.805, -15.124
XYZ	50.426, 63.418, 88.936
xyY	0.249, 0.313, 63.418
CIE-LCH	83.662, 29.052, 211.371
CIE-LUV	83.662, -42.231, -19.999
Hunter-Lab	79.635, -26.333, -10.47
Binary	10000000, 11011111, 11101100

#80dfec
```
#80dfec rgb(128,223,236)
```
#ec8d80
```
#ec8d80 rgb(236,141,128)
```

Complementary Color

#80ecc3
```
#80ecc3 rgb(128,236,195)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#80a9ec
```
#80a9ec rgb(128,169,236)
```

Analogous Color

#ecc380
```
#ecc380 rgb(236,195,128)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#ec80a9
```
#ec80a9 rgb(236,128,169)
```

Split Complementary Color

#dfec80
```
#dfec80 rgb(223,236,128)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#ec80df
```
#ec80df rgb(236,128,223)
```

Triadic Color

#80ec8d
```
#80ec8d rgb(128,236,141)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#ec80df
```
#ec80df rgb(236,128,223)
```
#ec8d80
```
#ec8d80 rgb(236,141,128)
```

Tetradic Color

#3dcee2
```
#3dcee2 rgb(61,206,226)
```
#54d4e5
```
#54d4e5 rgb(84,212,229)
```
#6ad9e9
```
#6ad9e9 rgb(106,217,233)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#96e5ef
```
#96e5ef rgb(150,229,239)
```
#aceaf3
```
#aceaf3 rgb(172,234,243)
```
#c3f0f6
```
#c3f0f6 rgb(195,240,246)
```

Monochromatic Color

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

#80ecde
```
#80ecde rgb(128,236,222)
```
#80ece7
```
#80ece7 rgb(128,236,231)
```
#80e8ec
```
#80e8ec rgb(128,232,236)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#80d6ec
```
#80d6ec rgb(128,214,236)
```
#80cdec
```
#80cdec rgb(128,205,236)
```
#80c4ec
```
#80c4ec rgb(128,196,236)
```

Similar Colors

Text with hexadecimal color #80dfec

This text has a font color of #80dfec.

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

#80dfec background color

This paragraph has a background color of #80dfec.

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

#80dfec border color

This element has a border color of #80dfec.

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

CSS codes

.text {color:#80dfec;}

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

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

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

#01090a
```
#01090a rgb(1,9,10)
```
#04181b
```
#04181b rgb(4,24,27)
```
#07272c
```
#07272c rgb(7,39,44)
```
#09363d
```
#09363d rgb(9,54,61)
```
#0c464e
```
#0c464e rgb(12,70,78)
```
#0e555f
```
#0e555f rgb(14,85,95)
```
#116470
```
#116470 rgb(17,100,112)
```
#137481
```
#137481 rgb(19,116,129)
```
#168392
```
#168392 rgb(22,131,146)
```
#1892a3
```
#1892a3 rgb(24,146,163)
```
#1ba2b4
```
#1ba2b4 rgb(27,162,180)
```
#1eb1c5
```
#1eb1c5 rgb(30,177,197)
```
#20c0d6
```
#20c0d6 rgb(32,192,214)
```

Shade Color Variation

#2bcadf
```
#2bcadf rgb(43,202,223)
```
#3ccee2
```
#3ccee2 rgb(60,206,226)
```
#4dd2e4
```
#4dd2e4 rgb(77,210,228)
```
#5ed6e7
```
#5ed6e7 rgb(94,214,231)
```
#6fdbe9
```
#6fdbe9 rgb(111,219,233)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#91e3ef
```
#91e3ef rgb(145,227,239)
```
#a2e8f1
```
#a2e8f1 rgb(162,232,241)
```
#b3ecf4
```
#b3ecf4 rgb(179,236,244)
```
#c4f0f6
```
#c4f0f6 rgb(196,240,246)
```
#d5f4f9
```
#d5f4f9 rgb(213,244,249)
```
#e6f9fb
```
#e6f9fb rgb(230,249,251)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#b3b9b9
```
#b3b9b9 rgb(179,185,185)
```
#adbdbf
```
#adbdbf rgb(173,189,191)
```
#a7c1c5
```
#a7c1c5 rgb(167,193,197)
```
#a2c5ca
```
#a2c5ca rgb(162,197,202)
```
#9ccad0
```
#9ccad0 rgb(156,202,208)
```
#96ced6
```
#96ced6 rgb(150,206,214)
```
#91d2db
```
#91d2db rgb(145,210,219)
```
#8bd6e1
```
#8bd6e1 rgb(139,214,225)
```
#86dbe6
```
#86dbe6 rgb(134,219,230)
```
#80dfec
```
#80dfec rgb(128,223,236)
```
#7ae3f2
```
#7ae3f2 rgb(122,227,242)
```
#75e8f7
```
#75e8f7 rgb(117,232,247)
```
#6fecfd
```
#6fecfd rgb(111,236,253)
```

Tone Color Variation

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

Dichromacy

#d1d1e4 Protanopia 1% of men
#d5cef3 Deuteranopia 1% of men
#87e0f0 Tritanopia 0.001% of the population

Trichromacy

#b3d6e7 Protanomaly 1% of men, 0.01% of women
#b6d4f0 Deuteranomaly 6% of men, 0.4% of women
#85dfee Tritanomaly 0.01% of the population

#80dfec hex color

#80dfec Color Information

#80dfec Color Conversion

Color Schemes with #80dfec

Alternatives to #80dfec

#80dfec Preview

Shades and Tints of #80dfec

Tones of #80dfec

Color Blindness Simulator