#56ecf3 Color Information
In a RGB color space, hex #56ecf3 is composed of 33.7% red, 92.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 2.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 182.7 degrees, a saturation of 86.7% and a lightness of 64.5%. #56ecf3 color hex could be obtained by blending #acffff with #00d9e7. Closest websafe color is: #66ffff.
-
- R 34
- G 93
- B 95
-
- C 65
- M 3
- Y 0
- K 5
● #56ecf3 color description : Soft cyan.
#56ecf3 Color Conversion
The hexadecimal color #56ecf3 has RGB values of R:86, G:236, B:243 and CMYK values of C:0.65, M:0.03, Y:0, K:0.05. Its decimal value is 5696755.
Hex triplet | 56ecf3 | #56ecf3 |
---|---|---|
RGB Decimal | 86, 236, 243 | rgb(86,236,243) |
RGB Percent | 33.7, 92.5, 95.3 | rgb(33.7%,92.5%,95.3%) |
CMYK | 65, 3, 0, 5 | |
HSL | 182.7°, 86.7, 64.5 | hsl(182.7,86.7%,64.5%) |
HSV (or HSB) | 182.7°, 64.6, 95.3 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 86.224, -36.977, -15.105 |
---|---|
XYZ | 50.006, 68.436, 95.363 |
xyY | 0.234, 0.32, 68.436 |
CIE-LCH | 86.224, 39.944, 202.22 |
CIE-LUV | 86.224, -57.22, -18.301 |
Hunter-Lab | 82.726, -36.871, -10.439 |
Binary | 01010110, 11101100, 11110011 |
Color Schemes with #56ecf3
Alternatives to #56ecf3
Below, you can see some colors close to #56ecf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56ecf3 Preview
This text has a font color of #56ecf3.
<span style="color:#56ecf3;">Text here</span>
This paragraph has a background color of #56ecf3.
<p style="background-color:#56ecf3;">Content here</p>
This element has a border color of #56ecf3.
<div style="border:1px solid #56ecf3;">Content here</div>
.text {color:#56ecf3;}
.background {background-color:#56ecf3;}
.border {border:1px solid #56ecf3;}
Shades and Tints of #56ecf3
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, #010e0e is the darkest color, while #fbffff is the lightest one.
-
#010e0e
#010e0e
rgb(1,14,14)
-
#021f20
#021f20
rgb(2,31,32)
-
#043133
#043133
rgb(4,49,51)
-
#054245
#054245
rgb(5,66,69)
-
#065457
#065457
rgb(6,84,87)
-
#08656a
#08656a
rgb(8,101,106)
-
#09777c
#09777c
rgb(9,119,124)
-
#0a888e
#0a888e
rgb(10,136,142)
-
#0b9aa1
#0b9aa1
rgb(11,154,161)
-
#0dacb3
#0dacb3
rgb(13,172,179)
-
#0ebdc5
#0ebdc5
rgb(14,189,197)
-
#0fcfd8
#0fcfd8
rgb(15,207,216)
-
#11e0ea
#11e0ea
rgb(17,224,234)
-
#1fe6ef
#1fe6ef
rgb(31,230,239)
-
#31e8f0
#31e8f0
rgb(49,232,240)
-
#44eaf2
#44eaf2
rgb(68,234,242)
-
#56ecf3
#56ecf3
rgb(86,236,243)
-
#68eef4
#68eef4
rgb(104,238,244)
-
#7bf0f6
#7bf0f6
rgb(123,240,246)
-
#8df2f7
#8df2f7
rgb(141,242,247)
-
#9ff4f8
#9ff4f8
rgb(159,244,248)
-
#b2f6fa
#b2f6fa
rgb(178,246,250)
-
#c4f8fb
#c4f8fb
rgb(196,248,251)
-
#d6fafc
#d6fafc
rgb(214,250,252)
-
#e9fcfd
#e9fcfd
rgb(233,252,253)
-
#fbffff
#fbffff
rgb(251,255,255)
Tones of #56ecf3
A tone is produced by adding gray to any pure hue. In this case, #a3a6a6 is the less saturated color, while #4ff2fa is the most saturated one.
-
#a3a6a6
#a3a6a6
rgb(163,166,166)
-
#9cadad
#9cadad
rgb(156,173,173)
-
#95b3b4
#95b3b4
rgb(149,179,180)
-
#8eb9bb
#8eb9bb
rgb(142,185,187)
-
#87c0c2
#87c0c2
rgb(135,192,194)
-
#80c6c9
#80c6c9
rgb(128,198,201)
-
#79ccd0
#79ccd0
rgb(121,204,208)
-
#72d3d7
#72d3d7
rgb(114,211,215)
-
#6bd9de
#6bd9de
rgb(107,217,222)
-
#64dfe5
#64dfe5
rgb(100,223,229)
-
#5de6ec
#5de6ec
rgb(93,230,236)
-
#56ecf3
#56ecf3
rgb(86,236,243)
-
#4ff2fa
#4ff2fa
rgb(79,242,250)
Color Blindness Simulator
Below, you can see how #56ecf3 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.