#80e6f2 Color Information
In a RGB color space, hex #80e6f2 is composed of 50.2% red, 90.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 5% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.3 degrees, a saturation of 81.4% and a lightness of 72.5%. #80e6f2 color hex could be obtained by blending #ffffff with #01cde5. Closest websafe color is: #99ffff.
-
- R 50
- G 90
- B 95
-
- C 47
- M 5
- Y 0
- K 5
● #80e6f2 color description : Soft cyan.
#80e6f2 Color Conversion
The hexadecimal color #80e6f2 has RGB values of R:128, G:230, B:242 and CMYK values of C:0.47, M:0.05, Y:0, K:0.05. Its decimal value is 8447730.
Hex triplet | 80e6f2 | #80e6f2 |
---|---|---|
RGB Decimal | 128, 230, 242 | rgb(128,230,242) |
RGB Percent | 50.2, 90.2, 94.9 | rgb(50.2%,90.2%,94.9%) |
CMYK | 47, 5, 0, 5 | |
HSL | 186.3°, 81.4, 72.5 | hsl(186.3,81.4%,72.5%) |
HSV (or HSB) | 186.3°, 47.1, 94.9 | |
Web Safe | 99ffff | #99ffff |
CIE-LAB | 85.801, -26.682, -15.081 |
---|---|
XYZ | 53.222, 67.59, 94.241 |
xyY | 0.247, 0.314, 67.59 |
CIE-LCH | 85.801, 30.649, 209.476 |
CIE-LUV | 85.801, -44.753, -19.707 |
Hunter-Lab | 82.213, -28.32, -10.415 |
Binary | 10000000, 11100110, 11110010 |
Color Schemes with #80e6f2
Alternatives to #80e6f2
Below, you can see some colors close to #80e6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80e6f2 Preview
This text has a font color of #80e6f2.
<span style="color:#80e6f2;">Text here</span>
This paragraph has a background color of #80e6f2.
<p style="background-color:#80e6f2;">Content here</p>
This element has a border color of #80e6f2.
<div style="border:1px solid #80e6f2;">Content here</div>
.text {color:#80e6f2;}
.background {background-color:#80e6f2;}
.border {border:1px solid #80e6f2;}
Shades and Tints of #80e6f2
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, #020e0f is the darkest color, while #fdffff is the lightest one.
-
#020e0f
#020e0f
rgb(2,14,15)
-
#031e21
#031e21
rgb(3,30,33)
-
#052e33
#052e33
rgb(5,46,51)
-
#073e45
#073e45
rgb(7,62,69)
-
#094e57
#094e57
rgb(9,78,87)
-
#0b5e68
#0b5e68
rgb(11,94,104)
-
#0d6f7a
#0d6f7a
rgb(13,111,122)
-
#0e7f8c
#0e7f8c
rgb(14,127,140)
-
#108f9e
#108f9e
rgb(16,143,158)
-
#129faf
#129faf
rgb(18,159,175)
-
#14afc1
#14afc1
rgb(20,175,193)
-
#16bfd3
#16bfd3
rgb(22,191,211)
-
#17cfe5
#17cfe5
rgb(23,207,229)
-
#27d4e9
#27d4e9
rgb(39,212,233)
-
#39d8eb
#39d8eb
rgb(57,216,235)
-
#4bdbed
#4bdbed
rgb(75,219,237)
-
#5cdfee
#5cdfee
rgb(92,223,238)
-
#6ee2f0
#6ee2f0
rgb(110,226,240)
-
#80e6f2
#80e6f2
rgb(128,230,242)
-
#92eaf4
#92eaf4
rgb(146,234,244)
-
#a4edf6
#a4edf6
rgb(164,237,246)
-
#b5f1f7
#b5f1f7
rgb(181,241,247)
-
#c7f4f9
#c7f4f9
rgb(199,244,249)
-
#d9f8fb
#d9f8fb
rgb(217,248,251)
-
#ebfbfd
#ebfbfd
rgb(235,251,253)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #80e6f2
A tone is produced by adding gray to any pure hue. In this case, #b6bbbc is the less saturated color, while #75effd is the most saturated one.
-
#b6bbbc
#b6bbbc
rgb(182,187,188)
-
#b0c0c2
#b0c0c2
rgb(176,192,194)
-
#abc4c7
#abc4c7
rgb(171,196,199)
-
#a6c8cc
#a6c8cc
rgb(166,200,204)
-
#a0ccd2
#a0ccd2
rgb(160,204,210)
-
#9bd1d7
#9bd1d7
rgb(155,209,215)
-
#96d5dc
#96d5dc
rgb(150,213,220)
-
#90d9e2
#90d9e2
rgb(144,217,226)
-
#8bdde7
#8bdde7
rgb(139,221,231)
-
#85e2ed
#85e2ed
rgb(133,226,237)
-
#80e6f2
#80e6f2
rgb(128,230,242)
-
#7beaf7
#7beaf7
rgb(123,234,247)
-
#75effd
#75effd
rgb(117,239,253)
Color Blindness Simulator
Below, you can see how #80e6f2 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.