#80e0f4 Color Information
In a RGB color space, hex #80e0f4 is composed of 50.2% red, 87.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 8.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.3 degrees, a saturation of 84.1% and a lightness of 72.9%. #80e0f4 color hex could be obtained by blending #ffffff with #01c1e9. Closest websafe color is: #99ccff.
-
- R 50
- G 88
- B 96
-
- C 48
- M 8
- Y 0
- K 4
● #80e0f4 color description : Soft cyan.
#80e0f4 Color Conversion
The hexadecimal color #80e0f4 has RGB values of R:128, G:224, B:244 and CMYK values of C:0.48, M:0.08, Y:0, K:0.04. Its decimal value is 8446196.
Hex triplet | 80e0f4 | #80e0f4 |
---|---|---|
RGB Decimal | 128, 224, 244 | rgb(128,224,244) |
RGB Percent | 50.2, 87.8, 95.7 | rgb(50.2%,87.8%,95.7%) |
CMYK | 48, 8, 0, 4 | |
HSL | 190.3°, 84.1, 72.9 | hsl(190.3,84.1%,72.9%) |
HSV (or HSB) | 190.3°, 47.5, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 84.189, -23.217, -18.562 |
---|---|
XYZ | 51.883, 64.429, 95.285 |
xyY | 0.245, 0.304, 64.429 |
CIE-LCH | 84.189, 29.725, 218.643 |
CIE-LUV | 84.189, -42.368, -25.957 |
Hunter-Lab | 80.268, -25.091, -14.195 |
Binary | 10000000, 11100000, 11110100 |
Color Schemes with #80e0f4
Alternatives to #80e0f4
Below, you can see some colors close to #80e0f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80e0f4 Preview
This text has a font color of #80e0f4.
<span style="color:#80e0f4;">Text here</span>
This paragraph has a background color of #80e0f4.
<p style="background-color:#80e0f4;">Content here</p>
This element has a border color of #80e0f4.
<div style="border:1px solid #80e0f4;">Content here</div>
.text {color:#80e0f4;}
.background {background-color:#80e0f4;}
.border {border:1px solid #80e0f4;}
Shades and Tints of #80e0f4
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, #020f11 is the darkest color, while #feffff is the lightest one.
-
#020f11
#020f11
rgb(2,15,17)
-
#031e23
#031e23
rgb(3,30,35)
-
#052d36
#052d36
rgb(5,45,54)
-
#063c48
#063c48
rgb(6,60,72)
-
#084c5a
#084c5a
rgb(8,76,90)
-
#095b6c
#095b6c
rgb(9,91,108)
-
#0b6a7e
#0b6a7e
rgb(11,106,126)
-
#0c7990
#0c7990
rgb(12,121,144)
-
#0e88a2
#0e88a2
rgb(14,136,162)
-
#1098b4
#1098b4
rgb(16,152,180)
-
#11a7c6
#11a7c6
rgb(17,167,198)
-
#13b6d8
#13b6d8
rgb(19,182,216)
-
#14c5ea
#14c5ea
rgb(20,197,234)
-
#26caec
#26caec
rgb(38,202,236)
-
#38ceee
#38ceee
rgb(56,206,238)
-
#4ad3ef
#4ad3ef
rgb(74,211,239)
-
#5cd7f1
#5cd7f1
rgb(92,215,241)
-
#6edcf2
#6edcf2
rgb(110,220,242)
-
#80e0f4
#80e0f4
rgb(128,224,244)
-
#92e4f6
#92e4f6
rgb(146,228,246)
-
#a4e9f7
#a4e9f7
rgb(164,233,247)
-
#b6edf9
#b6edf9
rgb(182,237,249)
-
#c8f2fa
#c8f2fa
rgb(200,242,250)
-
#daf6fc
#daf6fc
rgb(218,246,252)
-
#ecfafd
#ecfafd
rgb(236,250,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #80e0f4
A tone is produced by adding gray to any pure hue. In this case, #b5bdbf is the less saturated color, while #75e7ff is the most saturated one.
-
#b5bdbf
#b5bdbf
rgb(181,189,191)
-
#b0c1c4
#b0c1c4
rgb(176,193,196)
-
#aac4ca
#aac4ca
rgb(170,196,202)
-
#a5c8cf
#a5c8cf
rgb(165,200,207)
-
#a0cbd4
#a0cbd4
rgb(160,203,212)
-
#9bcfd9
#9bcfd9
rgb(155,207,217)
-
#95d2df
#95d2df
rgb(149,210,223)
-
#90d6e4
#90d6e4
rgb(144,214,228)
-
#8bd9e9
#8bd9e9
rgb(139,217,233)
-
#85ddef
#85ddef
rgb(133,221,239)
-
#80e0f4
#80e0f4
rgb(128,224,244)
-
#7be3f9
#7be3f9
rgb(123,227,249)
-
#75e7ff
#75e7ff
rgb(117,231,255)
Color Blindness Simulator
Below, you can see how #80e0f4 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.