#80caf0 Color Information
In a RGB color space, hex #80caf0 is composed of 50.2% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 200.4 degrees, a saturation of 78.9% and a lightness of 72.2%. #80caf0 color hex could be obtained by blending #ffffff with #0195e1. Closest websafe color is: #99ccff.
-
- R 50
- G 79
- B 94
-
- C 47
- M 16
- Y 0
- K 6
● #80caf0 color description : Soft blue.
#80caf0 Color Conversion
The hexadecimal color #80caf0 has RGB values of R:128, G:202, B:240 and CMYK values of C:0.47, M:0.16, Y:0, K:0.06. Its decimal value is 8440560.
Hex triplet | 80caf0 | #80caf0 |
---|---|---|
RGB Decimal | 128, 202, 240 | rgb(128,202,240) |
RGB Percent | 50.2, 79.2, 94.1 | rgb(50.2%,79.2%,94.1%) |
CMYK | 47, 16, 0, 6 | |
HSL | 200.4°, 78.9, 72.2 | hsl(200.4,78.9%,72.2%) |
HSV (or HSB) | 200.4°, 46.7, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 77.945, -13.094, -25.914 |
---|---|
XYZ | 45.747, 53.119, 90.276 |
xyY | 0.242, 0.281, 53.119 |
CIE-LCH | 77.945, 29.034, 243.193 |
CIE-LUV | 77.945, -33.928, -39.458 |
Hunter-Lab | 72.883, -15.504, -22.421 |
Binary | 10000000, 11001010, 11110000 |
Color Schemes with #80caf0
Alternatives to #80caf0
Below, you can see some colors close to #80caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80caf0 Preview
This text has a font color of #80caf0.
<span style="color:#80caf0;">Text here</span>
This paragraph has a background color of #80caf0.
<p style="background-color:#80caf0;">Content here</p>
This element has a border color of #80caf0.
<div style="border:1px solid #80caf0;">Content here</div>
.text {color:#80caf0;}
.background {background-color:#80caf0;}
.border {border:1px solid #80caf0;}
Shades and Tints of #80caf0
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, #02090d is the darkest color, while #fbfdff is the lightest one.
-
#02090d
#02090d
rgb(2,9,13)
-
#04161f
#04161f
rgb(4,22,31)
-
#062230
#062230
rgb(6,34,48)
-
#082e42
#082e42
rgb(8,46,66)
-
#0a3b54
#0a3b54
rgb(10,59,84)
-
#0c4765
#0c4765
rgb(12,71,101)
-
#0e5377
#0e5377
rgb(14,83,119)
-
#105f88
#105f88
rgb(16,95,136)
-
#126c9a
#126c9a
rgb(18,108,154)
-
#1478ab
#1478ab
rgb(20,120,171)
-
#1684bd
#1684bd
rgb(22,132,189)
-
#1891ce
#1891ce
rgb(24,145,206)
-
#1a9de0
#1a9de0
rgb(26,157,224)
-
#28a5e6
#28a5e6
rgb(40,165,230)
-
#3aade8
#3aade8
rgb(58,173,232)
-
#4bb4ea
#4bb4ea
rgb(75,180,234)
-
#5dbbec
#5dbbec
rgb(93,187,236)
-
#6ec3ee
#6ec3ee
rgb(110,195,238)
-
#80caf0
#80caf0
rgb(128,202,240)
-
#92d1f2
#92d1f2
rgb(146,209,242)
-
#a3d9f4
#a3d9f4
rgb(163,217,244)
-
#b5e0f6
#b5e0f6
rgb(181,224,246)
-
#c6e7f8
#c6e7f8
rgb(198,231,248)
-
#d8effa
#d8effa
rgb(216,239,250)
-
#e9f6fc
#e9f6fc
rgb(233,246,252)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #80caf0
A tone is produced by adding gray to any pure hue. In this case, #b7b8b9 is the less saturated color, while #75cefb is the most saturated one.
-
#b7b8b9
#b7b8b9
rgb(183,184,185)
-
#b1babf
#b1babf
rgb(177,186,191)
-
#acbcc4
#acbcc4
rgb(172,188,196)
-
#a6beca
#a6beca
rgb(166,190,202)
-
#a1bfcf
#a1bfcf
rgb(161,191,207)
-
#9bc1d5
#9bc1d5
rgb(155,193,213)
-
#96c3da
#96c3da
rgb(150,195,218)
-
#90c5e0
#90c5e0
rgb(144,197,224)
-
#8bc6e5
#8bc6e5
rgb(139,198,229)
-
#85c8eb
#85c8eb
rgb(133,200,235)
-
#80caf0
#80caf0
rgb(128,202,240)
-
#7bccf5
#7bccf5
rgb(123,204,245)
-
#75cefb
#75cefb
rgb(117,206,251)
Color Blindness Simulator
Below, you can see how #80caf0 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.