#80d5f3 Color Information
In a RGB color space, hex #80d5f3 is composed of 50.2% red, 83.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 12.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 195.7 degrees, a saturation of 82.7% and a lightness of 72.7%. #80d5f3 color hex could be obtained by blending #ffffff with #01abe7. Closest websafe color is: #99ccff.
-
- R 50
- G 84
- B 95
-
- C 47
- M 12
- Y 0
- K 5
● #80d5f3 color description : Soft blue.
#80d5f3 Color Conversion
The hexadecimal color #80d5f3 has RGB values of R:128, G:213, B:243 and CMYK values of C:0.47, M:0.12, Y:0, K:0.05. Its decimal value is 8443379.
Hex triplet | 80d5f3 | #80d5f3 |
---|---|---|
RGB Decimal | 128, 213, 243 | rgb(128,213,243) |
RGB Percent | 50.2, 83.5, 95.3 | rgb(50.2%,83.5%,95.3%) |
CMYK | 47, 12, 0, 5 | |
HSL | 195.7°, 82.7, 72.7 | hsl(195.7,82.7%,72.7%) |
HSV (or HSB) | 195.7°, 47.3, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 81.097, -17.956, -22.714 |
---|---|
XYZ | 48.87, 58.646, 93.534 |
xyY | 0.243, 0.292, 58.646 |
CIE-LCH | 81.097, 28.955, 231.672 |
CIE-LUV | 81.097, -38.137, -33.551 |
Hunter-Lab | 76.581, -20.106, -18.809 |
Binary | 10000000, 11010101, 11110011 |
Color Schemes with #80d5f3
Alternatives to #80d5f3
Below, you can see some colors close to #80d5f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80d5f3 Preview
This text has a font color of #80d5f3.
<span style="color:#80d5f3;">Text here</span>
This paragraph has a background color of #80d5f3.
<p style="background-color:#80d5f3;">Content here</p>
This element has a border color of #80d5f3.
<div style="border:1px solid #80d5f3;">Content here</div>
.text {color:#80d5f3;}
.background {background-color:#80d5f3;}
.border {border:1px solid #80d5f3;}
Shades and Tints of #80d5f3
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, #020d10 is the darkest color, while #fdfeff is the lightest one.
-
#020d10
#020d10
rgb(2,13,16)
-
#031a22
#031a22
rgb(3,26,34)
-
#052834
#052834
rgb(5,40,52)
-
#073646
#073646
rgb(7,54,70)
-
#084358
#084358
rgb(8,67,88)
-
#0a516a
#0a516a
rgb(10,81,106)
-
#0c5f7c
#0c5f7c
rgb(12,95,124)
-
#0d6c8e
#0d6c8e
rgb(13,108,142)
-
#0f7aa0
#0f7aa0
rgb(15,122,160)
-
#1188b2
#1188b2
rgb(17,136,178)
-
#1295c4
#1295c4
rgb(18,149,196)
-
#14a3d6
#14a3d6
rgb(20,163,214)
-
#16b1e7
#16b1e7
rgb(22,177,231)
-
#26b7eb
#26b7eb
rgb(38,183,235)
-
#38bdec
#38bdec
rgb(56,189,236)
-
#4ac3ee
#4ac3ee
rgb(74,195,238)
-
#5cc9f0
#5cc9f0
rgb(92,201,240)
-
#6ecff1
#6ecff1
rgb(110,207,241)
-
#80d5f3
#80d5f3
rgb(128,213,243)
-
#92dbf5
#92dbf5
rgb(146,219,245)
-
#a4e1f6
#a4e1f6
rgb(164,225,246)
-
#b6e7f8
#b6e7f8
rgb(182,231,248)
-
#c8edfa
#c8edfa
rgb(200,237,250)
-
#daf3fb
#daf3fb
rgb(218,243,251)
-
#ecf9fd
#ecf9fd
rgb(236,249,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #80d5f3
A tone is produced by adding gray to any pure hue. In this case, #b5bbbe is the less saturated color, while #75dafe is the most saturated one.
-
#b5bbbe
#b5bbbe
rgb(181,187,190)
-
#b0bec3
#b0bec3
rgb(176,190,195)
-
#abc1c8
#abc1c8
rgb(171,193,200)
-
#a5c3ce
#a5c3ce
rgb(165,195,206)
-
#a0c6d3
#a0c6d3
rgb(160,198,211)
-
#9bc8d8
#9bc8d8
rgb(155,200,216)
-
#95cbde
#95cbde
rgb(149,203,222)
-
#90cde3
#90cde3
rgb(144,205,227)
-
#8bd0e8
#8bd0e8
rgb(139,208,232)
-
#85d2ee
#85d2ee
rgb(133,210,238)
-
#80d5f3
#80d5f3
rgb(128,213,243)
-
#7bd8f8
#7bd8f8
rgb(123,216,248)
-
#75dafe
#75dafe
rgb(117,218,254)
Color Blindness Simulator
Below, you can see how #80d5f3 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.