#80d4f2 Color Information
In a RGB color space, hex #80d4f2 is composed of 50.2% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.8 degrees, a saturation of 81.4% and a lightness of 72.5%. #80d4f2 color hex could be obtained by blending #ffffff with #01a9e5. Closest websafe color is: #99ccff.
-
- R 50
- G 83
- B 95
-
- C 47
- M 12
- Y 0
- K 5
● #80d4f2 color description : Soft blue.
#80d4f2 Color Conversion
The hexadecimal color #80d4f2 has RGB values of R:128, G:212, B:242 and CMYK values of C:0.47, M:0.12, Y:0, K:0.05. Its decimal value is 8443122.
Hex triplet | 80d4f2 | #80d4f2 |
---|---|---|
RGB Decimal | 128, 212, 242 | rgb(128,212,242) |
RGB Percent | 50.2, 83.1, 94.9 | rgb(50.2%,83.1%,94.9%) |
CMYK | 47, 12, 0, 5 | |
HSL | 195.8°, 81.4, 72.5 | hsl(195.8,81.4%,72.5%) |
HSV (or HSB) | 195.8°, 47.1, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.786, -17.716, -22.654 |
---|---|
XYZ | 48.469, 58.084, 92.657 |
xyY | 0.243, 0.292, 58.084 |
CIE-LCH | 80.786, 28.759, 231.975 |
CIE-LUV | 80.786, -37.774, -33.469 |
Hunter-Lab | 76.213, -19.853, -18.733 |
Binary | 10000000, 11010100, 11110010 |
Color Schemes with #80d4f2
Alternatives to #80d4f2
Below, you can see some colors close to #80d4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80d4f2 Preview
This text has a font color of #80d4f2.
<span style="color:#80d4f2;">Text here</span>
This paragraph has a background color of #80d4f2.
<p style="background-color:#80d4f2;">Content here</p>
This element has a border color of #80d4f2.
<div style="border:1px solid #80d4f2;">Content here</div>
.text {color:#80d4f2;}
.background {background-color:#80d4f2;}
.border {border:1px solid #80d4f2;}
Shades and Tints of #80d4f2
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, #020c0f is the darkest color, while #fdfeff is the lightest one.
-
#020c0f
#020c0f
rgb(2,12,15)
-
#031921
#031921
rgb(3,25,33)
-
#052733
#052733
rgb(5,39,51)
-
#073445
#073445
rgb(7,52,69)
-
#094257
#094257
rgb(9,66,87)
-
#0b5068
#0b5068
rgb(11,80,104)
-
#0d5d7a
#0d5d7a
rgb(13,93,122)
-
#0e6b8c
#0e6b8c
rgb(14,107,140)
-
#10789e
#10789e
rgb(16,120,158)
-
#1286af
#1286af
rgb(18,134,175)
-
#1494c1
#1494c1
rgb(20,148,193)
-
#16a1d3
#16a1d3
rgb(22,161,211)
-
#17afe5
#17afe5
rgb(23,175,229)
-
#27b6e9
#27b6e9
rgb(39,182,233)
-
#39bceb
#39bceb
rgb(57,188,235)
-
#4bc2ed
#4bc2ed
rgb(75,194,237)
-
#5cc8ee
#5cc8ee
rgb(92,200,238)
-
#6ecef0
#6ecef0
rgb(110,206,240)
-
#80d4f2
#80d4f2
rgb(128,212,242)
-
#92daf4
#92daf4
rgb(146,218,244)
-
#a4e0f6
#a4e0f6
rgb(164,224,246)
-
#b5e6f7
#b5e6f7
rgb(181,230,247)
-
#c7ecf9
#c7ecf9
rgb(199,236,249)
-
#d9f2fb
#d9f2fb
rgb(217,242,251)
-
#ebf8fd
#ebf8fd
rgb(235,248,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #80d4f2
A tone is produced by adding gray to any pure hue. In this case, #b6babc is the less saturated color, while #75d9fd is the most saturated one.
-
#b6babc
#b6babc
rgb(182,186,188)
-
#b0bdc2
#b0bdc2
rgb(176,189,194)
-
#abc0c7
#abc0c7
rgb(171,192,199)
-
#a6c2cc
#a6c2cc
rgb(166,194,204)
-
#a0c5d2
#a0c5d2
rgb(160,197,210)
-
#9bc7d7
#9bc7d7
rgb(155,199,215)
-
#96cadc
#96cadc
rgb(150,202,220)
-
#90cce2
#90cce2
rgb(144,204,226)
-
#8bcfe7
#8bcfe7
rgb(139,207,231)
-
#85d1ed
#85d1ed
rgb(133,209,237)
-
#80d4f2
#80d4f2
rgb(128,212,242)
-
#7bd7f7
#7bd7f7
rgb(123,215,247)
-
#75d9fd
#75d9fd
rgb(117,217,253)
Color Blindness Simulator
Below, you can see how #80d4f2 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.