#5ecdc5 Color Information
In a RGB color space, hex #5ecdc5 is composed of 36.9% red, 80.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 3.9% yellow and 19.6% black. It has a hue angle of 175.7 degrees, a saturation of 52.6% and a lightness of 58.6%. #5ecdc5 color hex could be obtained by blending #bcffff with #009b8b. Closest websafe color is: #66cccc.
-
- R 37
- G 80
- B 77
-
- C 54
- M 0
- Y 4
- K 20
● #5ecdc5 color description : Moderate cyan.
#5ecdc5 Color Conversion
The hexadecimal color #5ecdc5 has RGB values of R:94, G:205, B:197 and CMYK values of C:0.54, M:0, Y:0.04, K:0.2. Its decimal value is 6213061.
Hex triplet | 5ecdc5 | #5ecdc5 |
---|---|---|
RGB Decimal | 94, 205, 197 | rgb(94,205,197) |
RGB Percent | 36.9, 80.4, 77.3 | rgb(36.9%,80.4%,77.3%) |
CMYK | 54, 0, 4, 20 | |
HSL | 175.7°, 52.6, 58.6 | hsl(175.7,52.6%,58.6%) |
HSV (or HSB) | 175.7°, 54.1, 80.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.113, -33.532, -5.662 |
---|---|
XYZ | 36.522, 50.071, 60.56 |
xyY | 0.248, 0.34, 50.071 |
CIE-LCH | 76.113, 34.007, 189.584 |
CIE-LUV | 76.113, -46.621, -3.374 |
Hunter-Lab | 70.761, -31.7, -1.211 |
Binary | 01011110, 11001101, 11000101 |
Color Schemes with #5ecdc5
Alternatives to #5ecdc5
Below, you can see some colors close to #5ecdc5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ecdc5 Preview
This text has a font color of #5ecdc5.
<span style="color:#5ecdc5;">Text here</span>
This paragraph has a background color of #5ecdc5.
<p style="background-color:#5ecdc5;">Content here</p>
This element has a border color of #5ecdc5.
<div style="border:1px solid #5ecdc5;">Content here</div>
.text {color:#5ecdc5;}
.background {background-color:#5ecdc5;}
.border {border:1px solid #5ecdc5;}
Shades and Tints of #5ecdc5
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)
-
#184e4b
#184e4b
rgb(24,78,75)
-
#1d5d59
#1d5d59
rgb(29,93,89)
-
#226c67
#226c67
rgb(34,108,103)
-
#267b75
#267b75
rgb(38,123,117)
-
#2b8a83
#2b8a83
rgb(43,138,131)
-
#309992
#309992
rgb(48,153,146)
-
#34a8a0
#34a8a0
rgb(52,168,160)
-
#39b7ae
#39b7ae
rgb(57,183,174)
-
#40c4ba
#40c4ba
rgb(64,196,186)
-
#4fc8c0
#4fc8c0
rgb(79,200,192)
-
#5ecdc5
#5ecdc5
rgb(94,205,197)
-
#6dd2ca
#6dd2ca
rgb(109,210,202)
-
#7cd6d0
#7cd6d0
rgb(124,214,208)
-
#8bdbd5
#8bdbd5
rgb(139,219,213)
-
#9ae0db
#9ae0db
rgb(154,224,219)
-
#a9e4e0
#a9e4e0
rgb(169,228,224)
-
#b8e9e5
#b8e9e5
rgb(184,233,229)
-
#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 #5ecdc5
A tone is produced by adding gray to any pure hue. In this case, #8f9c9b is the less saturated color, while #2dfeef 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)
-
#6ebdb7
#6ebdb7
rgb(110,189,183)
-
#66c5be
#66c5be
rgb(102,197,190)
-
#5ecdc5
#5ecdc5
rgb(94,205,197)
-
#56d5cc
#56d5cc
rgb(86,213,204)
-
#4eddd3
#4eddd3
rgb(78,221,211)
-
#46e5da
#46e5da
rgb(70,229,218)
-
#3eede1
#3eede1
rgb(62,237,225)
-
#35f6e8
#35f6e8
rgb(53,246,232)
-
#2dfeef
#2dfeef
rgb(45,254,239)
Color Blindness Simulator
Below, you can see how #5ecdc5 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.