#80d3f2 Color Information
In a RGB color space, hex #80d3f2 is composed of 50.2% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.3 degrees, a saturation of 81.4% and a lightness of 72.5%. #80d3f2 color hex could be obtained by blending #ffffff with #01a7e5. Closest websafe color is: #99ccff.
-
- R 50
- G 83
- B 95
-
- C 47
- M 13
- Y 0
- K 5
● #80d3f2 color description : Soft blue.
#80d3f2 Color Conversion
The hexadecimal color #80d3f2 has RGB values of R:128, G:211, B:242 and CMYK values of C:0.47, M:0.13, Y:0, K:0.05. Its decimal value is 8442866.
Hex triplet | 80d3f2 | #80d3f2 |
---|---|---|
RGB Decimal | 128, 211, 242 | rgb(128,211,242) |
RGB Percent | 50.2, 82.7, 94.9 | rgb(50.2%,82.7%,94.9%) |
CMYK | 47, 13, 0, 5 | |
HSL | 196.3°, 81.4, 72.5 | hsl(196.3,81.4%,72.5%) |
HSV (or HSB) | 196.3°, 47.1, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.508, -17.205, -23.077 |
---|---|
XYZ | 48.219, 57.586, 92.574 |
xyY | 0.243, 0.29, 57.586 |
CIE-LCH | 80.508, 28.784, 233.294 |
CIE-LUV | 80.508, -37.385, -34.238 |
Hunter-Lab | 75.885, -19.376, -19.209 |
Binary | 10000000, 11010011, 11110010 |
Color Schemes with #80d3f2
Alternatives to #80d3f2
Below, you can see some colors close to #80d3f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80d3f2 Preview
This text has a font color of #80d3f2.
<span style="color:#80d3f2;">Text here</span>
This paragraph has a background color of #80d3f2.
<p style="background-color:#80d3f2;">Content here</p>
This element has a border color of #80d3f2.
<div style="border:1px solid #80d3f2;">Content here</div>
.text {color:#80d3f2;}
.background {background-color:#80d3f2;}
.border {border:1px solid #80d3f2;}
Shades and Tints of #80d3f2
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)
-
#094157
#094157
rgb(9,65,87)
-
#0b4f68
#0b4f68
rgb(11,79,104)
-
#0d5c7a
#0d5c7a
rgb(13,92,122)
-
#0e6a8c
#0e6a8c
rgb(14,106,140)
-
#10779e
#10779e
rgb(16,119,158)
-
#1285af
#1285af
rgb(18,133,175)
-
#1492c1
#1492c1
rgb(20,146,193)
-
#16a0d3
#16a0d3
rgb(22,160,211)
-
#17ade5
#17ade5
rgb(23,173,229)
-
#27b4e9
#27b4e9
rgb(39,180,233)
-
#39baeb
#39baeb
rgb(57,186,235)
-
#4bc1ed
#4bc1ed
rgb(75,193,237)
-
#5cc7ee
#5cc7ee
rgb(92,199,238)
-
#6ecdf0
#6ecdf0
rgb(110,205,240)
-
#80d3f2
#80d3f2
rgb(128,211,242)
-
#92d9f4
#92d9f4
rgb(146,217,244)
-
#a4dff6
#a4dff6
rgb(164,223,246)
-
#b5e5f7
#b5e5f7
rgb(181,229,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 #80d3f2
A tone is produced by adding gray to any pure hue. In this case, #b6babc is the less saturated color, while #75d8fd is the most saturated one.
-
#b6babc
#b6babc
rgb(182,186,188)
-
#b0bdc2
#b0bdc2
rgb(176,189,194)
-
#abbfc7
#abbfc7
rgb(171,191,199)
-
#a6c2cc
#a6c2cc
rgb(166,194,204)
-
#a0c4d2
#a0c4d2
rgb(160,196,210)
-
#9bc7d7
#9bc7d7
rgb(155,199,215)
-
#96c9dc
#96c9dc
rgb(150,201,220)
-
#90cce2
#90cce2
rgb(144,204,226)
-
#8bcee7
#8bcee7
rgb(139,206,231)
-
#85d1ed
#85d1ed
rgb(133,209,237)
-
#80d3f2
#80d3f2
rgb(128,211,242)
-
#7bd5f7
#7bd5f7
rgb(123,213,247)
-
#75d8fd
#75d8fd
rgb(117,216,253)
Color Blindness Simulator
Below, you can see how #80d3f2 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.