#56affe Color Information
In a RGB color space, hex #56affe is composed of 33.7% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.2 degrees, a saturation of 98.8% and a lightness of 66.7%. #56affe color hex could be obtained by blending #acffff with #005ffd. Closest websafe color is: #6699ff.
-
- R 34
- G 69
- B 100
-
- C 66
- M 31
- Y 0
- K 0
● #56affe color description : Soft blue.
#56affe Color Conversion
The hexadecimal color #56affe has RGB values of R:86, G:175, B:254 and CMYK values of C:0.66, M:0.31, Y:0, K:0. Its decimal value is 5681150.
Hex triplet | 56affe | #56affe |
---|---|---|
RGB Decimal | 86, 175, 254 | rgb(86,175,254) |
RGB Percent | 33.7, 68.6, 99.6 | rgb(33.7%,68.6%,99.6%) |
CMYK | 66, 31, 0, 0 | |
HSL | 208.2°, 98.8, 66.7 | hsl(208.2,98.8%,66.7%) |
HSV (or HSB) | 208.2°, 66.1, 99.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.321, -2.505, -46.969 |
---|---|
XYZ | 37.053, 39.791, 99.488 |
xyY | 0.21, 0.226, 39.791 |
CIE-LCH | 69.321, 47.036, 266.947 |
CIE-LUV | 69.321, -35.038, -75.919 |
Hunter-Lab | 63.08, -5.542, -49.354 |
Binary | 01010110, 10101111, 11111110 |
Color Schemes with #56affe
Alternatives to #56affe
Below, you can see some colors close to #56affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56affe Preview
This text has a font color of #56affe.
<span style="color:#56affe;">Text here</span>
This paragraph has a background color of #56affe.
<p style="background-color:#56affe;">Content here</p>
This element has a border color of #56affe.
<div style="border:1px solid #56affe;">Content here</div>
.text {color:#56affe;}
.background {background-color:#56affe;}
.border {border:1px solid #56affe;}
Shades and Tints of #56affe
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, #000306 is the darkest color, while #f2f9ff is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#000e1a
#000e1a
rgb(0,14,26)
-
#00182e
#00182e
rgb(0,24,46)
-
#002341
#002341
rgb(0,35,65)
-
#002d55
#002d55
rgb(0,45,85)
-
#013768
#013768
rgb(1,55,104)
-
#01427c
#01427c
rgb(1,66,124)
-
#014c8f
#014c8f
rgb(1,76,143)
-
#0157a3
#0157a3
rgb(1,87,163)
-
#0161b6
#0161b6
rgb(1,97,182)
-
#016bca
#016bca
rgb(1,107,202)
-
#0176dd
#0176dd
rgb(1,118,221)
-
#0180f1
#0180f1
rgb(1,128,241)
-
#088afe
#088afe
rgb(8,138,254)
-
#1c93fe
#1c93fe
rgb(28,147,254)
-
#2f9dfe
#2f9dfe
rgb(47,157,254)
-
#43a6fe
#43a6fe
rgb(67,166,254)
-
#56affe
#56affe
rgb(86,175,254)
-
#6ab8fe
#6ab8fe
rgb(106,184,254)
-
#7dc1fe
#7dc1fe
rgb(125,193,254)
-
#91cbfe
#91cbfe
rgb(145,203,254)
-
#a4d4fe
#a4d4fe
rgb(164,212,254)
-
#b8ddff
#b8ddff
rgb(184,221,255)
-
#cbe6ff
#cbe6ff
rgb(203,230,255)
-
#dff0ff
#dff0ff
rgb(223,240,255)
-
#f2f9ff
#f2f9ff
rgb(242,249,255)
Tones of #56affe
A tone is produced by adding gray to any pure hue. In this case, #a4aab0 is the less saturated color, while #56affe is the most saturated one.
-
#a4aab0
#a4aab0
rgb(164,170,176)
-
#9eabb6
#9eabb6
rgb(158,171,182)
-
#97abbd
#97abbd
rgb(151,171,189)
-
#91abc3
#91abc3
rgb(145,171,195)
-
#8aacca
#8aacca
rgb(138,172,202)
-
#84acd0
#84acd0
rgb(132,172,208)
-
#7dadd7
#7dadd7
rgb(125,173,215)
-
#77addd
#77addd
rgb(119,173,221)
-
#70ade4
#70ade4
rgb(112,173,228)
-
#6aaeea
#6aaeea
rgb(106,174,234)
-
#63aef1
#63aef1
rgb(99,174,241)
-
#5daff7
#5daff7
rgb(93,175,247)
-
#56affe
#56affe
rgb(86,175,254)
Color Blindness Simulator
Below, you can see how #56affe 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.