#56aae6 Color Information
In a RGB color space, hex #56aae6 is composed of 33.7% red, 66.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 26.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 205 degrees, a saturation of 74.2% and a lightness of 62%. #56aae6 color hex could be obtained by blending #acffff with #0055cd. Closest websafe color is: #6699ff.
-
- R 34
- G 67
- B 90
-
- C 63
- M 26
- Y 0
- K 10
● #56aae6 color description : Soft blue.
#56aae6 Color Conversion
The hexadecimal color #56aae6 has RGB values of R:86, G:170, B:230 and CMYK values of C:0.63, M:0.26, Y:0, K:0.1. Its decimal value is 5679846.
Hex triplet | 56aae6 | #56aae6 |
---|---|---|
RGB Decimal | 86, 170, 230 | rgb(86,170,230) |
RGB Percent | 33.7, 66.7, 90.2 | rgb(33.7%,66.7%,90.2%) |
CMYK | 63, 26, 0, 10 | |
HSL | 205°, 74.2, 62 | hsl(205,74.2%,62%) |
HSV (or HSB) | 205°, 62.6, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.854, -7.52, -37.754 |
---|---|
XYZ | 32.492, 36.439, 80.18 |
xyY | 0.218, 0.244, 36.439 |
CIE-LCH | 66.854, 38.496, 258.736 |
CIE-LUV | 66.854, -34.127, -59.281 |
Hunter-Lab | 60.365, -9.558, -36.497 |
Binary | 01010110, 10101010, 11100110 |
Color Schemes with #56aae6
Alternatives to #56aae6
Below, you can see some colors close to #56aae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56aae6 Preview
This text has a font color of #56aae6.
<span style="color:#56aae6;">Text here</span>
This paragraph has a background color of #56aae6.
<p style="background-color:#56aae6;">Content here</p>
This element has a border color of #56aae6.
<div style="border:1px solid #56aae6;">Content here</div>
.text {color:#56aae6;}
.background {background-color:#56aae6;}
.border {border:1px solid #56aae6;}
Shades and Tints of #56aae6
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, #000102 is the darkest color, while #f0f7fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030c13
#030c13
rgb(3,12,19)
-
#051724
#051724
rgb(5,23,36)
-
#082235
#082235
rgb(8,34,53)
-
#0a2d46
#0a2d46
rgb(10,45,70)
-
#0d3857
#0d3857
rgb(13,56,87)
-
#0f4368
#0f4368
rgb(15,67,104)
-
#124e79
#124e79
rgb(18,78,121)
-
#14598b
#14598b
rgb(20,89,139)
-
#17649c
#17649c
rgb(23,100,156)
-
#1a6fad
#1a6fad
rgb(26,111,173)
-
#1c7abe
#1c7abe
rgb(28,122,190)
-
#1f85cf
#1f85cf
rgb(31,133,207)
-
#2390de
#2390de
rgb(35,144,222)
-
#3499e1
#3499e1
rgb(52,153,225)
-
#45a1e3
#45a1e3
rgb(69,161,227)
-
#56aae6
#56aae6
rgb(86,170,230)
-
#67b3e9
#67b3e9
rgb(103,179,233)
-
#78bbeb
#78bbeb
rgb(120,187,235)
-
#89c4ee
#89c4ee
rgb(137,196,238)
-
#9accf0
#9accf0
rgb(154,204,240)
-
#abd5f3
#abd5f3
rgb(171,213,243)
-
#bddef5
#bddef5
rgb(189,222,245)
-
#cee6f8
#cee6f8
rgb(206,230,248)
-
#dfeffa
#dfeffa
rgb(223,239,250)
-
#f0f7fd
#f0f7fd
rgb(240,247,253)
Tones of #56aae6
A tone is produced by adding gray to any pure hue. In this case, #999fa3 is the less saturated color, while #40aefc is the most saturated one.
-
#999fa3
#999fa3
rgb(153,159,163)
-
#92a0aa
#92a0aa
rgb(146,160,170)
-
#8aa1b2
#8aa1b2
rgb(138,161,178)
-
#83a3b9
#83a3b9
rgb(131,163,185)
-
#7ba4c1
#7ba4c1
rgb(123,164,193)
-
#74a5c8
#74a5c8
rgb(116,165,200)
-
#6ca6d0
#6ca6d0
rgb(108,166,208)
-
#65a8d7
#65a8d7
rgb(101,168,215)
-
#5da9df
#5da9df
rgb(93,169,223)
-
#56aae6
#56aae6
rgb(86,170,230)
-
#4fabed
#4fabed
rgb(79,171,237)
-
#47acf5
#47acf5
rgb(71,172,245)
-
#40aefc
#40aefc
rgb(64,174,252)
Color Blindness Simulator
Below, you can see how #56aae6 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.