#56caf0 Color Information
In a RGB color space, hex #56caf0 is composed of 33.7% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 194.8 degrees, a saturation of 83.7% and a lightness of 63.9%. #56caf0 color hex could be obtained by blending #acffff with #0095e1. Closest websafe color is: #66ccff.
-
- R 34
- G 79
- B 94
-
- C 64
- M 16
- Y 0
- K 6
● #56caf0 color description : Soft cyan.
#56caf0 Color Conversion
The hexadecimal color #56caf0 has RGB values of R:86, G:202, B:240 and CMYK values of C:0.64, M:0.16, Y:0, K:0.06. Its decimal value is 5688048.
Hex triplet | 56caf0 | #56caf0 |
---|---|---|
RGB Decimal | 86, 202, 240 | rgb(86,202,240) |
RGB Percent | 33.7, 79.2, 94.1 | rgb(33.7%,79.2%,94.1%) |
CMYK | 64, 16, 0, 6 | |
HSL | 194.8°, 83.7, 63.9 | hsl(194.8,83.7%,63.9%) |
HSV (or HSB) | 194.8°, 64.2, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.38, -21.376, -28.448 |
---|---|
XYZ | 40.682, 50.508, 90.038 |
xyY | 0.224, 0.279, 50.508 |
CIE-LCH | 76.38, 35.584, 233.079 |
CIE-LUV | 76.38, -45.209, -42.571 |
Hunter-Lab | 71.069, -22.19, -25.368 |
Binary | 01010110, 11001010, 11110000 |
Color Schemes with #56caf0
Alternatives to #56caf0
Below, you can see some colors close to #56caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56caf0 Preview
This text has a font color of #56caf0.
<span style="color:#56caf0;">Text here</span>
This paragraph has a background color of #56caf0.
<p style="background-color:#56caf0;">Content here</p>
This element has a border color of #56caf0.
<div style="border:1px solid #56caf0;">Content here</div>
.text {color:#56caf0;}
.background {background-color:#56caf0;}
.border {border:1px solid #56caf0;}
Shades and Tints of #56caf0
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, #01090b is the darkest color, while #f8fdfe is the lightest one.
-
#01090b
#01090b
rgb(1,9,11)
-
#03171d
#03171d
rgb(3,23,29)
-
#04252f
#04252f
rgb(4,37,47)
-
#063341
#063341
rgb(6,51,65)
-
#074153
#074153
rgb(7,65,83)
-
#094e65
#094e65
rgb(9,78,101)
-
#0b5c77
#0b5c77
rgb(11,92,119)
-
#0c6a89
#0c6a89
rgb(12,106,137)
-
#0e789b
#0e789b
rgb(14,120,155)
-
#0f86ad
#0f86ad
rgb(15,134,173)
-
#1194bf
#1194bf
rgb(17,148,191)
-
#13a2d1
#13a2d1
rgb(19,162,209)
-
#14b0e3
#14b0e3
rgb(20,176,227)
-
#20b9eb
#20b9eb
rgb(32,185,235)
-
#32bfed
#32bfed
rgb(50,191,237)
-
#44c4ee
#44c4ee
rgb(68,196,238)
-
#56caf0
#56caf0
rgb(86,202,240)
-
#68d0f2
#68d0f2
rgb(104,208,242)
-
#7ad5f3
#7ad5f3
rgb(122,213,243)
-
#8cdbf5
#8cdbf5
rgb(140,219,245)
-
#9ee1f6
#9ee1f6
rgb(158,225,246)
-
#b0e6f8
#b0e6f8
rgb(176,230,248)
-
#c2ecfa
#c2ecfa
rgb(194,236,250)
-
#d4f2fb
#d4f2fb
rgb(212,242,251)
-
#e6f7fd
#e6f7fd
rgb(230,247,253)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #56caf0
A tone is produced by adding gray to any pure hue. In this case, #9da6a9 is the less saturated color, while #48d1fe is the most saturated one.
-
#9da6a9
#9da6a9
rgb(157,166,169)
-
#96aab0
#96aab0
rgb(150,170,176)
-
#8fadb7
#8fadb7
rgb(143,173,183)
-
#88b1be
#88b1be
rgb(136,177,190)
-
#80b4c6
#80b4c6
rgb(128,180,198)
-
#79b8cd
#79b8cd
rgb(121,184,205)
-
#72bcd4
#72bcd4
rgb(114,188,212)
-
#6bbfdb
#6bbfdb
rgb(107,191,219)
-
#64c3e2
#64c3e2
rgb(100,195,226)
-
#5dc6e9
#5dc6e9
rgb(93,198,233)
-
#56caf0
#56caf0
rgb(86,202,240)
-
#4fcef7
#4fcef7
rgb(79,206,247)
-
#48d1fe
#48d1fe
rgb(72,209,254)
Color Blindness Simulator
Below, you can see how #56caf0 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.