#56a5ec Color Information
In a RGB color space, hex #56a5ec is composed of 33.7% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.4 degrees, a saturation of 79.8% and a lightness of 63.1%. #56a5ec color hex could be obtained by blending #acffff with #004bd9. Closest websafe color is: #6699ff.
-
- R 34
- G 65
- B 93
-
- C 64
- M 30
- Y 0
- K 7
● #56a5ec color description : Soft blue.
#56a5ec Color Conversion
The hexadecimal color #56a5ec has RGB values of R:86, G:165, B:236 and CMYK values of C:0.64, M:0.3, Y:0, K:0.07. Its decimal value is 5678572.
Hex triplet | 56a5ec | #56a5ec |
---|---|---|
RGB Decimal | 86, 165, 236 | rgb(86,165,236) |
RGB Percent | 33.7, 64.7, 92.5 | rgb(33.7%,64.7%,92.5%) |
CMYK | 64, 30, 0, 7 | |
HSL | 208.4°, 79.8, 63.1 | hsl(208.4,79.8%,63.1%) |
HSV (or HSB) | 208.4°, 63.6, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.704, -2.787, -42.843 |
---|---|
XYZ | 32.43, 34.943, 84.388 |
xyY | 0.214, 0.23, 34.943 |
CIE-LCH | 65.704, 42.933, 266.278 |
CIE-LUV | 65.704, -32.151, -68.295 |
Hunter-Lab | 59.112, -5.519, -43.263 |
Binary | 01010110, 10100101, 11101100 |
Color Schemes with #56a5ec
Alternatives to #56a5ec
Below, you can see some colors close to #56a5ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56a5ec Preview
This text has a font color of #56a5ec.
<span style="color:#56a5ec;">Text here</span>
This paragraph has a background color of #56a5ec.
<p style="background-color:#56a5ec;">Content here</p>
This element has a border color of #56a5ec.
<div style="border:1px solid #56a5ec;">Content here</div>
.text {color:#56a5ec;}
.background {background-color:#56a5ec;}
.border {border:1px solid #56a5ec;}
Shades and Tints of #56a5ec
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, #010407 is the darkest color, while #f5fafe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030e19
#030e19
rgb(3,14,25)
-
#05192b
#05192b
rgb(5,25,43)
-
#07233c
#07233c
rgb(7,35,60)
-
#092d4e
#092d4e
rgb(9,45,78)
-
#0b375f
#0b375f
rgb(11,55,95)
-
#0d4271
#0d4271
rgb(13,66,113)
-
#0f4c83
#0f4c83
rgb(15,76,131)
-
#115694
#115694
rgb(17,86,148)
-
#1360a6
#1360a6
rgb(19,96,166)
-
#156bb8
#156bb8
rgb(21,107,184)
-
#1775c9
#1775c9
rgb(23,117,201)
-
#197fdb
#197fdb
rgb(25,127,219)
-
#2189e6
#2189e6
rgb(33,137,230)
-
#3392e8
#3392e8
rgb(51,146,232)
-
#449cea
#449cea
rgb(68,156,234)
-
#56a5ec
#56a5ec
rgb(86,165,236)
-
#68aeee
#68aeee
rgb(104,174,238)
-
#79b8f0
#79b8f0
rgb(121,184,240)
-
#8bc1f2
#8bc1f2
rgb(139,193,242)
-
#9dcbf4
#9dcbf4
rgb(157,203,244)
-
#aed4f6
#aed4f6
rgb(174,212,246)
-
#c0ddf8
#c0ddf8
rgb(192,221,248)
-
#d1e7fa
#d1e7fa
rgb(209,231,250)
-
#e3f0fc
#e3f0fc
rgb(227,240,252)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #56a5ec
A tone is produced by adding gray to any pure hue. In this case, #9ea1a4 is the less saturated color, while #48a6fa is the most saturated one.
-
#9ea1a4
#9ea1a4
rgb(158,161,164)
-
#97a2ab
#97a2ab
rgb(151,162,171)
-
#90a2b2
#90a2b2
rgb(144,162,178)
-
#89a2b9
#89a2b9
rgb(137,162,185)
-
#81a3c1
#81a3c1
rgb(129,163,193)
-
#7aa3c8
#7aa3c8
rgb(122,163,200)
-
#73a3cf
#73a3cf
rgb(115,163,207)
-
#6ca4d6
#6ca4d6
rgb(108,164,214)
-
#64a4de
#64a4de
rgb(100,164,222)
-
#5da5e5
#5da5e5
rgb(93,165,229)
-
#56a5ec
#56a5ec
rgb(86,165,236)
-
#4fa5f3
#4fa5f3
rgb(79,165,243)
-
#48a6fa
#48a6fa
rgb(72,166,250)
Color Blindness Simulator
Below, you can see how #56a5ec 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.