#56ecde Color Information
In a RGB color space, hex #56ecde is composed of 33.7% red, 92.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 5.9% yellow and 7.5% black. It has a hue angle of 174.4 degrees, a saturation of 79.8% and a lightness of 63.1%. #56ecde color hex could be obtained by blending #acffff with #00d9bd. Closest websafe color is: #66ffcc.
-
- R 34
- G 93
- B 87
-
- C 64
- M 0
- Y 6
- K 7
● #56ecde color description : Soft cyan.
#56ecde Color Conversion
The hexadecimal color #56ecde has RGB values of R:86, G:236, B:222 and CMYK values of C:0.64, M:0, Y:0.06, K:0.07. Its decimal value is 5696734.
| Hex triplet | 56ecde | #56ecde |
|---|---|---|
| RGB Decimal | 86, 236, 222 | rgb(86,236,222) |
| RGB Percent | 33.7, 92.5, 87.1 | rgb(33.7%,92.5%,87.1%) |
| CMYK | 64, 0, 6, 7 | |
| HSL | 174.4°, 79.8, 63.1 | hsl(174.4,79.8%,63.1%) |
| HSV (or HSB) | 174.4°, 63.6, 92.5 | |
| Web Safe | 66ffcc | #66ffcc |
| CIE-LAB | 85.625, -42.611, -4.958 |
|---|---|
| XYZ | 47.014, 67.239, 79.604 |
| xyY | 0.243, 0.347, 67.239 |
| CIE-LCH | 85.625, 42.898, 186.636 |
| CIE-LUV | 85.625, -58.503, -0.919 |
| Hunter-Lab | 82, -41.157, -0.158 |
| Binary | 01010110, 11101100, 11011110 |
Color Schemes with #56ecde
Alternatives to #56ecde
Below, you can see some colors close to #56ecde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56ecde Preview
This text has a font color of #56ecde.
<span style="color:#56ecde;">Text here</span>
This paragraph has a background color of #56ecde.
<p style="background-color:#56ecde;">Content here</p>
This element has a border color of #56ecde.
<div style="border:1px solid #56ecde;">Content here</div>
.text {color:#56ecde;}
.background {background-color:#56ecde;}
.border {border:1px solid #56ecde;}
Shades and Tints of #56ecde
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, #010707 is the darkest color, while #f5fefd is the lightest one.
-
#010707
#010707rgb(1,7,7) -
#031917
#031917rgb(3,25,23) -
#052b27
#052b27rgb(5,43,39) -
#073c37
#073c37rgb(7,60,55) -
#094e47
#094e47rgb(9,78,71) -
#0b5f58
#0b5f58rgb(11,95,88) -
#0d7168
#0d7168rgb(13,113,104) -
#0f8378
#0f8378rgb(15,131,120) -
#119488
#119488rgb(17,148,136) -
#13a698
#13a698rgb(19,166,152) -
#15b8a8
#15b8a8rgb(21,184,168) -
#17c9b9
#17c9b9rgb(23,201,185) -
#19dbc9
#19dbc9rgb(25,219,201)
-
#21e6d4
#21e6d4rgb(33,230,212) -
#33e8d7
#33e8d7rgb(51,232,215) -
#44eadb
#44eadbrgb(68,234,219) -
#56ecde
#56ecdergb(86,236,222) -
#68eee1
#68eee1rgb(104,238,225) -
#79f0e5
#79f0e5rgb(121,240,229) -
#8bf2e8
#8bf2e8rgb(139,242,232) -
#9df4ec
#9df4ecrgb(157,244,236) -
#aef6ef
#aef6efrgb(174,246,239) -
#c0f8f3
#c0f8f3rgb(192,248,243) -
#d1faf6
#d1faf6rgb(209,250,246) -
#e3fcfa
#e3fcfargb(227,252,250) -
#f5fefd
#f5fefdrgb(245,254,253)
Tones of #56ecde
A tone is produced by adding gray to any pure hue. In this case, #9ea4a3 is the less saturated color, while #48faea is the most saturated one.
-
#9ea4a3
#9ea4a3rgb(158,164,163) -
#97aba9
#97aba9rgb(151,171,169) -
#90b2af
#90b2afrgb(144,178,175) -
#89b9b5
#89b9b5rgb(137,185,181) -
#81c1bb
#81c1bbrgb(129,193,187) -
#7ac8c1
#7ac8c1rgb(122,200,193) -
#73cfc6
#73cfc6rgb(115,207,198) -
#6cd6cc
#6cd6ccrgb(108,214,204) -
#64ded2
#64ded2rgb(100,222,210) -
#5de5d8
#5de5d8rgb(93,229,216) -
#56ecde
#56ecdergb(86,236,222) -
#4ff3e4
#4ff3e4rgb(79,243,228) -
#48faea
#48faeargb(72,250,234)
Color Blindness Simulator
Below, you can see how #56ecde 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.
