#56b0f5 Color Information
In a RGB color space, hex #56b0f5 is composed of 33.7% red, 69% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 28.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 206 degrees, a saturation of 88.8% and a lightness of 64.9%. #56b0f5 color hex could be obtained by blending #acffff with #0061eb. Closest websafe color is: #6699ff.
-
- R 34
- G 69
- B 96
-
- C 65
- M 28
- Y 0
- K 4
● #56b0f5 color description : Soft blue.
#56b0f5 Color Conversion
The hexadecimal color #56b0f5 has RGB values of R:86, G:176, B:245 and CMYK values of C:0.65, M:0.28, Y:0, K:0.04. Its decimal value is 5681397.
Hex triplet | 56b0f5 | #56b0f5 |
---|---|---|
RGB Decimal | 86, 176, 245 | rgb(86,176,245) |
RGB Percent | 33.7, 69, 96.1 | rgb(33.7%,69%,96.1%) |
CMYK | 65, 28, 0, 4 | |
HSL | 206°, 88.8, 64.9 | hsl(206,88.8%,64.9%) |
HSV (or HSB) | 206°, 64.9, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.197, -6.001, -42.281 |
---|---|
XYZ | 35.841, 39.619, 92.14 |
xyY | 0.214, 0.236, 39.619 |
CIE-LCH | 69.197, 42.705, 261.921 |
CIE-LUV | 69.197, -35.712, -67.473 |
Hunter-Lab | 62.944, -8.512, -42.731 |
Binary | 01010110, 10110000, 11110101 |
Color Schemes with #56b0f5
Alternatives to #56b0f5
Below, you can see some colors close to #56b0f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56b0f5 Preview
This text has a font color of #56b0f5.
<span style="color:#56b0f5;">Text here</span>
This paragraph has a background color of #56b0f5.
<p style="background-color:#56b0f5;">Content here</p>
This element has a border color of #56b0f5.
<div style="border:1px solid #56b0f5;">Content here</div>
.text {color:#56b0f5;}
.background {background-color:#56b0f5;}
.border {border:1px solid #56b0f5;}
Shades and Tints of #56b0f5
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, #010a10 is the darkest color, while #fdfeff is the lightest one.
-
#010a10
#010a10
rgb(1,10,16)
-
#021523
#021523
rgb(2,21,35)
-
#031f35
#031f35
rgb(3,31,53)
-
#042a48
#042a48
rgb(4,42,72)
-
#05355a
#05355a
rgb(5,53,90)
-
#06406d
#06406d
rgb(6,64,109)
-
#084b7f
#084b7f
rgb(8,75,127)
-
#095692
#095692
rgb(9,86,146)
-
#0a61a4
#0a61a4
rgb(10,97,164)
-
#0b6cb7
#0b6cb7
rgb(11,108,183)
-
#0c77c9
#0c77c9
rgb(12,119,201)
-
#0d82dc
#0d82dc
rgb(13,130,220)
-
#0e8dee
#0e8dee
rgb(14,141,238)
-
#1e96f2
#1e96f2
rgb(30,150,242)
-
#319ff3
#319ff3
rgb(49,159,243)
-
#43a7f4
#43a7f4
rgb(67,167,244)
-
#56b0f5
#56b0f5
rgb(86,176,245)
-
#69b9f6
#69b9f6
rgb(105,185,246)
-
#7bc1f7
#7bc1f7
rgb(123,193,247)
-
#8ecaf8
#8ecaf8
rgb(142,202,248)
-
#a0d3f9
#a0d3f9
rgb(160,211,249)
-
#b3dbfa
#b3dbfa
rgb(179,219,250)
-
#c5e4fc
#c5e4fc
rgb(197,228,252)
-
#d8edfd
#d8edfd
rgb(216,237,253)
-
#eaf5fe
#eaf5fe
rgb(234,245,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #56b0f5
A tone is produced by adding gray to any pure hue. In this case, #a2a6a9 is the less saturated color, while #4fb1fc is the most saturated one.
-
#a2a6a9
#a2a6a9
rgb(162,166,169)
-
#9ba7b0
#9ba7b0
rgb(155,167,176)
-
#94a8b7
#94a8b7
rgb(148,168,183)
-
#8da9be
#8da9be
rgb(141,169,190)
-
#86aac5
#86aac5
rgb(134,170,197)
-
#7fabcc
#7fabcc
rgb(127,171,204)
-
#78abd3
#78abd3
rgb(120,171,211)
-
#72acd9
#72acd9
rgb(114,172,217)
-
#6bade0
#6bade0
rgb(107,173,224)
-
#64aee7
#64aee7
rgb(100,174,231)
-
#5dafee
#5dafee
rgb(93,175,238)
-
#56b0f5
#56b0f5
rgb(86,176,245)
-
#4fb1fc
#4fb1fc
rgb(79,177,252)
Color Blindness Simulator
Below, you can see how #56b0f5 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.