#5ecdc2 Color Information
In a RGB color space, hex #5ecdc2 is composed of 36.9% red, 80.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 5.4% yellow and 19.6% black. It has a hue angle of 174.1 degrees, a saturation of 52.6% and a lightness of 58.6%. #5ecdc2 color hex could be obtained by blending #bcffff with #009b85. Closest websafe color is: #66cccc.
-
- R 37
- G 80
- B 76
-
- C 54
- M 0
- Y 5
- K 20
● #5ecdc2 color description : Moderate cyan.
#5ecdc2 Color Conversion
The hexadecimal color #5ecdc2 has RGB values of R:94, G:205, B:194 and CMYK values of C:0.54, M:0, Y:0.05, K:0.2. Its decimal value is 6213058.
Hex triplet | 5ecdc2 | #5ecdc2 |
---|---|---|
RGB Decimal | 94, 205, 194 | rgb(94,205,194) |
RGB Percent | 36.9, 80.4, 76.1 | rgb(36.9%,80.4%,76.1%) |
CMYK | 54, 0, 5, 20 | |
HSL | 174.1°, 52.6, 58.6 | hsl(174.1,52.6%,58.6%) |
HSV (or HSB) | 174.1°, 54.1, 80.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.029, -34.305, -4.167 |
---|---|
XYZ | 36.182, 49.935, 58.768 |
xyY | 0.25, 0.345, 49.935 |
CIE-LCH | 76.029, 34.557, 186.926 |
CIE-LUV | 76.029, -46.767, -0.921 |
Hunter-Lab | 70.664, -32.266, 0.157 |
Binary | 01011110, 11001101, 11000010 |
Color Schemes with #5ecdc2
Alternatives to #5ecdc2
Below, you can see some colors close to #5ecdc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ecdc2 Preview
This text has a font color of #5ecdc2.
<span style="color:#5ecdc2;">Text here</span>
This paragraph has a background color of #5ecdc2.
<p style="background-color:#5ecdc2;">Content here</p>
This element has a border color of #5ecdc2.
<div style="border:1px solid #5ecdc2;">Content here</div>
.text {color:#5ecdc2;}
.background {background-color:#5ecdc2;}
.border {border:1px solid #5ecdc2;}
Shades and Tints of #5ecdc2
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)
-
#061311
#061311
rgb(6,19,17)
-
#0a221f
#0a221f
rgb(10,34,31)
-
#0f312d
#0f312d
rgb(15,49,45)
-
#14403b
#14403b
rgb(20,64,59)
-
#184e49
#184e49
rgb(24,78,73)
-
#1d5d57
#1d5d57
rgb(29,93,87)
-
#226c65
#226c65
rgb(34,108,101)
-
#267b73
#267b73
rgb(38,123,115)
-
#2b8a81
#2b8a81
rgb(43,138,129)
-
#30998f
#30998f
rgb(48,153,143)
-
#34a89d
#34a89d
rgb(52,168,157)
-
#39b7ab
#39b7ab
rgb(57,183,171)
-
#40c4b7
#40c4b7
rgb(64,196,183)
-
#4fc8bc
#4fc8bc
rgb(79,200,188)
-
#5ecdc2
#5ecdc2
rgb(94,205,194)
-
#6dd2c8
#6dd2c8
rgb(109,210,200)
-
#7cd6cd
#7cd6cd
rgb(124,214,205)
-
#8bdbd3
#8bdbd3
rgb(139,219,211)
-
#9ae0d9
#9ae0d9
rgb(154,224,217)
-
#a9e4de
#a9e4de
rgb(169,228,222)
-
#b8e9e4
#b8e9e4
rgb(184,233,228)
-
#c7eeea
#c7eeea
rgb(199,238,234)
-
#d6f2ef
#d6f2ef
rgb(214,242,239)
-
#e5f7f5
#e5f7f5
rgb(229,247,245)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #5ecdc2
A tone is produced by adding gray to any pure hue. In this case, #8f9c9b is the less saturated color, while #2dfee9 is the most saturated one.
-
#8f9c9b
#8f9c9b
rgb(143,156,155)
-
#87a4a1
#87a4a1
rgb(135,164,161)
-
#7eada8
#7eada8
rgb(126,173,168)
-
#76b5ae
#76b5ae
rgb(118,181,174)
-
#6ebdb5
#6ebdb5
rgb(110,189,181)
-
#66c5bb
#66c5bb
rgb(102,197,187)
-
#5ecdc2
#5ecdc2
rgb(94,205,194)
-
#56d5c9
#56d5c9
rgb(86,213,201)
-
#4eddcf
#4eddcf
rgb(78,221,207)
-
#46e5d6
#46e5d6
rgb(70,229,214)
-
#3eeddc
#3eeddc
rgb(62,237,220)
-
#35f6e3
#35f6e3
rgb(53,246,227)
-
#2dfee9
#2dfee9
rgb(45,254,233)
Color Blindness Simulator
Below, you can see how #5ecdc2 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.