#5ecdc6 Color Information
In a RGB color space, hex #5ecdc6 is composed of 36.9% red, 80.4% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 3.4% yellow and 19.6% black. It has a hue angle of 176.2 degrees, a saturation of 52.6% and a lightness of 58.6%. #5ecdc6 color hex could be obtained by blending #bcffff with #009b8d. Closest websafe color is: #66cccc.
-
- R 37
- G 80
- B 78
-
- C 54
- M 0
- Y 3
- K 20
● #5ecdc6 color description : Moderate cyan.
#5ecdc6 Color Conversion
The hexadecimal color #5ecdc6 has RGB values of R:94, G:205, B:198 and CMYK values of C:0.54, M:0, Y:0.03, K:0.2. Its decimal value is 6213062.
Hex triplet | 5ecdc6 | #5ecdc6 |
---|---|---|
RGB Decimal | 94, 205, 198 | rgb(94,205,198) |
RGB Percent | 36.9, 80.4, 77.6 | rgb(36.9%,80.4%,77.6%) |
CMYK | 54, 0, 3, 20 | |
HSL | 176.2°, 52.6, 58.6 | hsl(176.2,52.6%,58.6%) |
HSV (or HSB) | 176.2°, 54.1, 80.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.141, -33.273, -6.16 |
---|---|
XYZ | 36.637, 50.117, 61.166 |
xyY | 0.248, 0.339, 50.117 |
CIE-LCH | 76.141, 33.838, 190.489 |
CIE-LUV | 76.141, -46.573, -4.195 |
Hunter-Lab | 70.793, -31.51, -1.672 |
Binary | 01011110, 11001101, 11000110 |
Color Schemes with #5ecdc6
Alternatives to #5ecdc6
Below, you can see some colors close to #5ecdc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ecdc6 Preview
This text has a font color of #5ecdc6.
<span style="color:#5ecdc6;">Text here</span>
This paragraph has a background color of #5ecdc6.
<p style="background-color:#5ecdc6;">Content here</p>
This element has a border color of #5ecdc6.
<div style="border:1px solid #5ecdc6;">Content here</div>
.text {color:#5ecdc6;}
.background {background-color:#5ecdc6;}
.border {border:1px solid #5ecdc6;}
Shades and Tints of #5ecdc6
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, #010403 is the darkest color, while #f4fbfb is the lightest one.
-
#010403
#010403
rgb(1,4,3)
-
#061312
#061312
rgb(6,19,18)
-
#0a2220
#0a2220
rgb(10,34,32)
-
#0f312e
#0f312e
rgb(15,49,46)
-
#14403d
#14403d
rgb(20,64,61)
-
#184e4b
#184e4b
rgb(24,78,75)
-
#1d5d59
#1d5d59
rgb(29,93,89)
-
#226c68
#226c68
rgb(34,108,104)
-
#267b76
#267b76
rgb(38,123,118)
-
#2b8a84
#2b8a84
rgb(43,138,132)
-
#309993
#309993
rgb(48,153,147)
-
#34a8a1
#34a8a1
rgb(52,168,161)
-
#39b7af
#39b7af
rgb(57,183,175)
-
#40c4bb
#40c4bb
rgb(64,196,187)
-
#4fc8c1
#4fc8c1
rgb(79,200,193)
-
#5ecdc6
#5ecdc6
rgb(94,205,198)
-
#6dd2cb
#6dd2cb
rgb(109,210,203)
-
#7cd6d1
#7cd6d1
rgb(124,214,209)
-
#8bdbd6
#8bdbd6
rgb(139,219,214)
-
#9ae0db
#9ae0db
rgb(154,224,219)
-
#a9e4e0
#a9e4e0
rgb(169,228,224)
-
#b8e9e6
#b8e9e6
rgb(184,233,230)
-
#c7eeeb
#c7eeeb
rgb(199,238,235)
-
#d6f2f0
#d6f2f0
rgb(214,242,240)
-
#e5f7f6
#e5f7f6
rgb(229,247,246)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #5ecdc6
A tone is produced by adding gray to any pure hue. In this case, #8f9c9b is the less saturated color, while #2dfef1 is the most saturated one.
-
#8f9c9b
#8f9c9b
rgb(143,156,155)
-
#87a4a3
#87a4a3
rgb(135,164,163)
-
#7eadaa
#7eadaa
rgb(126,173,170)
-
#76b5b1
#76b5b1
rgb(118,181,177)
-
#6ebdb8
#6ebdb8
rgb(110,189,184)
-
#66c5bf
#66c5bf
rgb(102,197,191)
-
#5ecdc6
#5ecdc6
rgb(94,205,198)
-
#56d5cd
#56d5cd
rgb(86,213,205)
-
#4eddd4
#4eddd4
rgb(78,221,212)
-
#46e5db
#46e5db
rgb(70,229,219)
-
#3eede2
#3eede2
rgb(62,237,226)
-
#35f6e9
#35f6e9
rgb(53,246,233)
-
#2dfef1
#2dfef1
rgb(45,254,241)
Color Blindness Simulator
Below, you can see how #5ecdc6 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.