#56bbff Color Information
In a RGB color space, hex #56bbff is composed of 33.7% red, 73.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 26.7% magenta, 0% yellow and 0% black. It has a hue angle of 204.1 degrees, a saturation of 100% and a lightness of 66.9%. #56bbff color hex could be obtained by blending #acffff with #0077ff. Closest websafe color is: #66ccff.
-
- R 34
- G 73
- B 100
-
- C 66
- M 27
- Y 0
- K 0
● #56bbff color description : Light blue.
#56bbff Color Conversion
The hexadecimal color #56bbff has RGB values of R:86, G:187, B:255 and CMYK values of C:0.66, M:0.27, Y:0, K:0. Its decimal value is 5684223.
Hex triplet | 56bbff | #56bbff |
---|---|---|
RGB Decimal | 86, 187, 255 | rgb(86,187,255) |
RGB Percent | 33.7, 73.3, 100 | rgb(33.7%,73.3%,100%) |
CMYK | 66, 27, 0, 0 | |
HSL | 204.1°, 100, 66.9 | hsl(204.1,100%,66.9%) |
HSV (or HSB) | 204.1°, 66.3, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.718, -8.794, -42.185 |
---|---|
XYZ | 39.654, 44.736, 101.147 |
xyY | 0.214, 0.241, 44.736 |
CIE-LCH | 72.718, 43.092, 258.224 |
CIE-LUV | 72.718, -39.171, -67.425 |
Hunter-Lab | 66.885, -11.223, -42.842 |
Binary | 01010110, 10111011, 11111111 |
Color Schemes with #56bbff
Alternatives to #56bbff
Below, you can see some colors close to #56bbff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56bbff Preview
This text has a font color of #56bbff.
<span style="color:#56bbff;">Text here</span>
This paragraph has a background color of #56bbff.
<p style="background-color:#56bbff;">Content here</p>
This element has a border color of #56bbff.
<div style="border:1px solid #56bbff;">Content here</div>
.text {color:#56bbff;}
.background {background-color:#56bbff;}
.border {border:1px solid #56bbff;}
Shades and Tints of #56bbff
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, #000508 is the darkest color, while #f3faff is the lightest one.
-
#000508
#000508
rgb(0,5,8)
-
#00101b
#00101b
rgb(0,16,27)
-
#001c2f
#001c2f
rgb(0,28,47)
-
#002842
#002842
rgb(0,40,66)
-
#003356
#003356
rgb(0,51,86)
-
#003f6a
#003f6a
rgb(0,63,106)
-
#004b7d
#004b7d
rgb(0,75,125)
-
#005791
#005791
rgb(0,87,145)
-
#0062a4
#0062a4
rgb(0,98,164)
-
#006eb8
#006eb8
rgb(0,110,184)
-
#007acc
#007acc
rgb(0,122,204)
-
#0085df
#0085df
rgb(0,133,223)
-
#0091f3
#0091f3
rgb(0,145,243)
-
#089bff
#089bff
rgb(8,155,255)
-
#1ba3ff
#1ba3ff
rgb(27,163,255)
-
#2fabff
#2fabff
rgb(47,171,255)
-
#42b3ff
#42b3ff
rgb(66,179,255)
-
#56bbff
#56bbff
rgb(86,187,255)
-
#6ac3ff
#6ac3ff
rgb(106,195,255)
-
#7dcbff
#7dcbff
rgb(125,203,255)
-
#91d3ff
#91d3ff
rgb(145,211,255)
-
#a4dbff
#a4dbff
rgb(164,219,255)
-
#b8e2ff
#b8e2ff
rgb(184,226,255)
-
#cceaff
#cceaff
rgb(204,234,255)
-
#dff2ff
#dff2ff
rgb(223,242,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #56bbff
A tone is produced by adding gray to any pure hue. In this case, #a4acb1 is the less saturated color, while #56bbff is the most saturated one.
-
#a4acb1
#a4acb1
rgb(164,172,177)
-
#9eadb8
#9eadb8
rgb(158,173,184)
-
#97aebe
#97aebe
rgb(151,174,190)
-
#91b0c5
#91b0c5
rgb(145,176,197)
-
#8ab1cb
#8ab1cb
rgb(138,177,203)
-
#84b2d2
#84b2d2
rgb(132,178,210)
-
#7db3d8
#7db3d8
rgb(125,179,216)
-
#77b5df
#77b5df
rgb(119,181,223)
-
#70b6e5
#70b6e5
rgb(112,182,229)
-
#6ab7ec
#6ab7ec
rgb(106,183,236)
-
#63b8f2
#63b8f2
rgb(99,184,242)
-
#5dbaf9
#5dbaf9
rgb(93,186,249)
-
#56bbff
#56bbff
rgb(86,187,255)
Color Blindness Simulator
Below, you can see how #56bbff 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.