#5ecdc4 Color Information
In a RGB color space, hex #5ecdc4 is composed of 36.9% red, 80.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 4.4% yellow and 19.6% black. It has a hue angle of 175.1 degrees, a saturation of 52.6% and a lightness of 58.6%. #5ecdc4 color hex could be obtained by blending #bcffff with #009b89. Closest websafe color is: #66cccc.
-
- R 37
- G 80
- B 77
-
- C 54
- M 0
- Y 4
- K 20
● #5ecdc4 color description : Moderate cyan.
#5ecdc4 Color Conversion
The hexadecimal color #5ecdc4 has RGB values of R:94, G:205, B:196 and CMYK values of C:0.54, M:0, Y:0.04, K:0.2. Its decimal value is 6213060.
Hex triplet | 5ecdc4 | #5ecdc4 |
---|---|---|
RGB Decimal | 94, 205, 196 | rgb(94,205,196) |
RGB Percent | 36.9, 80.4, 76.9 | rgb(36.9%,80.4%,76.9%) |
CMYK | 54, 0, 4, 20 | |
HSL | 175.1°, 52.6, 58.6 | hsl(175.1,52.6%,58.6%) |
HSV (or HSB) | 175.1°, 54.1, 80.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.085, -33.791, -5.164 |
---|---|
XYZ | 36.408, 50.025, 59.959 |
xyY | 0.249, 0.342, 50.025 |
CIE-LCH | 76.085, 34.183, 188.689 |
CIE-LUV | 76.085, -46.67, -2.554 |
Hunter-Lab | 70.728, -31.89, -0.752 |
Binary | 01011110, 11001101, 11000100 |
Color Schemes with #5ecdc4
Alternatives to #5ecdc4
Below, you can see some colors close to #5ecdc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ecdc4 Preview
This text has a font color of #5ecdc4.
<span style="color:#5ecdc4;">Text here</span>
This paragraph has a background color of #5ecdc4.
<p style="background-color:#5ecdc4;">Content here</p>
This element has a border color of #5ecdc4.
<div style="border:1px solid #5ecdc4;">Content here</div>
.text {color:#5ecdc4;}
.background {background-color:#5ecdc4;}
.border {border:1px solid #5ecdc4;}
Shades and Tints of #5ecdc4
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)
-
#14403c
#14403c
rgb(20,64,60)
-
#184e4a
#184e4a
rgb(24,78,74)
-
#1d5d58
#1d5d58
rgb(29,93,88)
-
#226c66
#226c66
rgb(34,108,102)
-
#267b74
#267b74
rgb(38,123,116)
-
#2b8a83
#2b8a83
rgb(43,138,131)
-
#309991
#309991
rgb(48,153,145)
-
#34a89f
#34a89f
rgb(52,168,159)
-
#39b7ad
#39b7ad
rgb(57,183,173)
-
#40c4b9
#40c4b9
rgb(64,196,185)
-
#4fc8bf
#4fc8bf
rgb(79,200,191)
-
#5ecdc4
#5ecdc4
rgb(94,205,196)
-
#6dd2c9
#6dd2c9
rgb(109,210,201)
-
#7cd6cf
#7cd6cf
rgb(124,214,207)
-
#8bdbd4
#8bdbd4
rgb(139,219,212)
-
#9ae0da
#9ae0da
rgb(154,224,218)
-
#a9e4df
#a9e4df
rgb(169,228,223)
-
#b8e9e5
#b8e9e5
rgb(184,233,229)
-
#c7eeea
#c7eeea
rgb(199,238,234)
-
#d6f2f0
#d6f2f0
rgb(214,242,240)
-
#e5f7f5
#e5f7f5
rgb(229,247,245)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #5ecdc4
A tone is produced by adding gray to any pure hue. In this case, #8f9c9b is the less saturated color, while #2dfeed is the most saturated one.
-
#8f9c9b
#8f9c9b
rgb(143,156,155)
-
#87a4a2
#87a4a2
rgb(135,164,162)
-
#7eada9
#7eada9
rgb(126,173,169)
-
#76b5b0
#76b5b0
rgb(118,181,176)
-
#6ebdb6
#6ebdb6
rgb(110,189,182)
-
#66c5bd
#66c5bd
rgb(102,197,189)
-
#5ecdc4
#5ecdc4
rgb(94,205,196)
-
#56d5cb
#56d5cb
rgb(86,213,203)
-
#4eddd2
#4eddd2
rgb(78,221,210)
-
#46e5d8
#46e5d8
rgb(70,229,216)
-
#3eeddf
#3eeddf
rgb(62,237,223)
-
#35f6e6
#35f6e6
rgb(53,246,230)
-
#2dfeed
#2dfeed
rgb(45,254,237)
Color Blindness Simulator
Below, you can see how #5ecdc4 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.