#5ec7ee Color Information
In a RGB color space, hex #5ec7ee is composed of 36.9% red, 78% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 16.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 196.3 degrees, a saturation of 80.9% and a lightness of 65.1%. #5ec7ee color hex could be obtained by blending #bcffff with #008fdd. Closest websafe color is: #66ccff.
-
- R 37
- G 78
- B 93
-
- C 61
- M 16
- Y 0
- K 7
● #5ec7ee color description : Soft blue.
#5ec7ee Color Conversion
The hexadecimal color #5ec7ee has RGB values of R:94, G:199, B:238 and CMYK values of C:0.61, M:0.16, Y:0, K:0.07. Its decimal value is 6211566.
| Hex triplet | 5ec7ee | #5ec7ee |
|---|---|---|
| RGB Decimal | 94, 199, 238 | rgb(94,199,238) |
| RGB Percent | 36.9, 78, 93.3 | rgb(36.9%,78%,93.3%) |
| CMYK | 61, 16, 0, 7 | |
| HSL | 196.3°, 80.9, 65.1 | hsl(196.3,80.9%,65.1%) |
| HSV (or HSB) | 196.3°, 60.5, 93.3 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 75.697, -19.097, -28.399 |
|---|---|
| XYZ | 40.468, 49.397, 88.286 |
| xyY | 0.227, 0.277, 49.397 |
| CIE-LCH | 75.697, 34.223, 236.081 |
| CIE-LUV | 75.697, -42.439, -42.738 |
| Hunter-Lab | 70.283, -20.216, -25.28 |
| Binary | 01011110, 11000111, 11101110 |
Color Schemes with #5ec7ee
Alternatives to #5ec7ee
Below, you can see some colors close to #5ec7ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ec7ee Preview
This text has a font color of #5ec7ee.
<span style="color:#5ec7ee;">Text here</span>
This paragraph has a background color of #5ec7ee.
<p style="background-color:#5ec7ee;">Content here</p>
This element has a border color of #5ec7ee.
<div style="border:1px solid #5ec7ee;">Content here</div>
.text {color:#5ec7ee;}
.background {background-color:#5ec7ee;}
.border {border:1px solid #5ec7ee;}
Shades and Tints of #5ec7ee
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, #020c10 is the darkest color, while #feffff is the lightest one.
-
#020c10
#020c10rgb(2,12,16) -
#041a22
#041a22rgb(4,26,34) -
#052734
#052734rgb(5,39,52) -
#073546
#073546rgb(7,53,70) -
#094257
#094257rgb(9,66,87) -
#0b5069
#0b5069rgb(11,80,105) -
#0d5d7b
#0d5d7brgb(13,93,123) -
#0f6b8d
#0f6b8drgb(15,107,141) -
#11789e
#11789ergb(17,120,158) -
#1385b0
#1385b0rgb(19,133,176) -
#1493c2
#1493c2rgb(20,147,194) -
#16a0d4
#16a0d4rgb(22,160,212) -
#18aee5
#18aee5rgb(24,174,229)
-
#29b4e8
#29b4e8rgb(41,180,232) -
#3bbbea
#3bbbeargb(59,187,234) -
#4cc1ec
#4cc1ecrgb(76,193,236) -
#5ec7ee
#5ec7eergb(94,199,238) -
#70cdf0
#70cdf0rgb(112,205,240) -
#81d3f2
#81d3f2rgb(129,211,242) -
#93daf4
#93daf4rgb(147,218,244) -
#a5e0f5
#a5e0f5rgb(165,224,245) -
#b7e6f7
#b7e6f7rgb(183,230,247) -
#c8ecf9
#c8ecf9rgb(200,236,249) -
#daf2fb
#daf2fbrgb(218,242,251) -
#ecf8fd
#ecf8fdrgb(236,248,253) -
#feffff
#feffffrgb(254,255,255)
Tones of #5ec7ee
A tone is produced by adding gray to any pure hue. In this case, #a2a8aa is the less saturated color, while #50cdfc is the most saturated one.
-
#a2a8aa
#a2a8aargb(162,168,170) -
#9cabb0
#9cabb0rgb(156,171,176) -
#95aeb7
#95aeb7rgb(149,174,183) -
#8eb1be
#8eb1bergb(142,177,190) -
#87b4c5
#87b4c5rgb(135,180,197) -
#80b7cc
#80b7ccrgb(128,183,204) -
#79bad3
#79bad3rgb(121,186,211) -
#73bed9
#73bed9rgb(115,190,217) -
#6cc1e0
#6cc1e0rgb(108,193,224) -
#65c4e7
#65c4e7rgb(101,196,231) -
#5ec7ee
#5ec7eergb(94,199,238) -
#57caf5
#57caf5rgb(87,202,245) -
#50cdfc
#50cdfcrgb(80,205,252)
Color Blindness Simulator
Below, you can see how #5ec7ee 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.
