#56afcc Color Information
In a RGB color space, hex #56afcc is composed of 33.7% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 194.7 degrees, a saturation of 53.6% and a lightness of 56.9%. #56afcc color hex could be obtained by blending #acffff with #005f99. Closest websafe color is: #6699cc.
-
- R 34
- G 69
- B 80
-
- C 58
- M 14
- Y 0
- K 20
● #56afcc color description : Moderate cyan.
#56afcc Color Conversion
The hexadecimal color #56afcc has RGB values of R:86, G:175, B:204 and CMYK values of C:0.58, M:0.14, Y:0, K:0.2. Its decimal value is 5681100.
Hex triplet | 56afcc | #56afcc |
---|---|---|
RGB Decimal | 86, 175, 204 | rgb(86,175,204) |
RGB Percent | 33.7, 68.6, 80 | rgb(33.7%,68.6%,80%) |
CMYK | 58, 14, 0, 20 | |
HSL | 194.7°, 53.6, 56.9 | hsl(194.7,53.6%,56.9%) |
HSV (or HSB) | 194.7°, 57.8, 80 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.274, -18.265, -22.799 |
---|---|
XYZ | 30.064, 36.996, 62.68 |
xyY | 0.232, 0.285, 36.996 |
CIE-LCH | 67.274, 29.213, 231.3 |
CIE-LUV | 67.274, -36.975, -32.9 |
Hunter-Lab | 60.824, -18.214, -18.522 |
Binary | 01010110, 10101111, 11001100 |
Color Schemes with #56afcc
Alternatives to #56afcc
Below, you can see some colors close to #56afcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56afcc Preview
This text has a font color of #56afcc.
<span style="color:#56afcc;">Text here</span>
This paragraph has a background color of #56afcc.
<p style="background-color:#56afcc;">Content here</p>
This element has a border color of #56afcc.
<div style="border:1px solid #56afcc;">Content here</div>
.text {color:#56afcc;}
.background {background-color:#56afcc;}
.border {border:1px solid #56afcc;}
Shades and Tints of #56afcc
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, #040a0c is the darkest color, while #fcfdfe is the lightest one.
-
#040a0c
#040a0c
rgb(4,10,12)
-
#08161b
#08161b
rgb(8,22,27)
-
#0d232a
#0d232a
rgb(13,35,42)
-
#112f39
#112f39
rgb(17,47,57)
-
#163c48
#163c48
rgb(22,60,72)
-
#1a4857
#1a4857
rgb(26,72,87)
-
#1f5566
#1f5566
rgb(31,85,102)
-
#236175
#236175
rgb(35,97,117)
-
#286e84
#286e84
rgb(40,110,132)
-
#2c7a93
#2c7a93
rgb(44,122,147)
-
#3187a3
#3187a3
rgb(49,135,163)
-
#3693b2
#3693b2
rgb(54,147,178)
-
#3aa0c1
#3aa0c1
rgb(58,160,193)
-
#47a8c7
#47a8c7
rgb(71,168,199)
-
#56afcc
#56afcc
rgb(86,175,204)
-
#65b6d1
#65b6d1
rgb(101,182,209)
-
#74bdd5
#74bdd5
rgb(116,189,213)
-
#83c4da
#83c4da
rgb(131,196,218)
-
#92ccde
#92ccde
rgb(146,204,222)
-
#a1d3e3
#a1d3e3
rgb(161,211,227)
-
#b0dae7
#b0dae7
rgb(176,218,231)
-
#bfe1ec
#bfe1ec
rgb(191,225,236)
-
#cfe8f0
#cfe8f0
rgb(207,232,240)
-
#deeff5
#deeff5
rgb(222,239,245)
-
#edf6f9
#edf6f9
rgb(237,246,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #56afcc
A tone is produced by adding gray to any pure hue. In this case, #899599 is the less saturated color, while #23c9ff is the most saturated one.
-
#899599
#899599
rgb(137,149,153)
-
#8099a2
#8099a2
rgb(128,153,162)
-
#789eaa
#789eaa
rgb(120,158,170)
-
#6fa2b3
#6fa2b3
rgb(111,162,179)
-
#67a6bb
#67a6bb
rgb(103,166,187)
-
#5eabc4
#5eabc4
rgb(94,171,196)
-
#56afcc
#56afcc
rgb(86,175,204)
-
#4eb3d4
#4eb3d4
rgb(78,179,212)
-
#45b8dd
#45b8dd
rgb(69,184,221)
-
#3dbce5
#3dbce5
rgb(61,188,229)
-
#34c0ee
#34c0ee
rgb(52,192,238)
-
#2cc5f6
#2cc5f6
rgb(44,197,246)
-
#23c9ff
#23c9ff
rgb(35,201,255)
Color Blindness Simulator
Below, you can see how #56afcc 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.