#5ecdb2 hex color

In a RGB color space, hex #5ecdb2 is composed of 36.9% red, 80.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 13.2% yellow and 19.6% black. It has a hue angle of 165.4 degrees, a saturation of 52.6% and a lightness of 58.6%. #5ecdb2 color hex could be obtained by blending #bcffff with #009b65. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 80
- B 70
RGB color chart
- C 54
- M 0
- Y 13
- K 20
CMYK color chart

● #5ecdb2 color description : Moderate cyan.

The hexadecimal color #5ecdb2 has RGB values of R:94, G:205, B:178 and CMYK values of C:0.54, M:0, Y:0.13, K:0.2. Its decimal value is 6213042.

Hex triplet	5ecdb2	`#5ecdb2`
RGB Decimal	94, 205, 178	`rgb(94,205,178)`
RGB Percent	36.9, 80.4, 69.8	`rgb(36.9%,80.4%,69.8%)`
CMYK	54, 0, 13, 20
HSL	165.4°, 52.6, 58.6	`hsl(165.4,52.6%,58.6%)`
HSV (or HSB)	165.4°, 54.1, 80.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.609, -38.266, 3.845
XYZ	34.481, 49.254, 49.807
xyY	0.258, 0.369, 49.254
CIE-LCH	75.609, 38.459, 174.262
CIE-LUV	75.609, -47.538, 11.874
Hunter-Lab	70.181, -35.119, 7.049
Binary	01011110, 11001101, 10110010

#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#cd5e79
```
#cd5e79 rgb(205,94,121)
```

Complementary Color

#5ecd7b
```
#5ecd7b rgb(94,205,123)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#5eb1cd
```
#5eb1cd rgb(94,177,205)
```

Analogous Color

#cd7b5e
```
#cd7b5e rgb(205,123,94)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#cd5eb1
```
#cd5eb1 rgb(205,94,177)
```

Split Complementary Color

#cdb25e
```
#cdb25e rgb(205,178,94)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#b25ecd
```
#b25ecd rgb(178,94,205)
```

Triadic Color

#79cd5e
```
#79cd5e rgb(121,205,94)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#b25ecd
```
#b25ecd rgb(178,94,205)
```
#cd5e79
```
#cd5e79 rgb(205,94,121)
```

Tetradic Color

#35aa8d
```
#35aa8d rgb(53,170,141)
```
#3bbd9d
```
#3bbd9d rgb(59,189,157)
```
#4bc7a9
```
#4bc7a9 rgb(75,199,169)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#71d3bb
```
#71d3bb rgb(113,211,187)
```
#85d9c5
```
#85d9c5 rgb(133,217,197)
```
#98dfce
```
#98dfce rgb(152,223,206)
```

Monochromatic Color

Below, you can see some colors close to #5ecdb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5ecd96
```
#5ecd96 rgb(94,205,150)
```
#5ecda0
```
#5ecda0 rgb(94,205,160)
```
#5ecda9
```
#5ecda9 rgb(94,205,169)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#5ecdbb
```
#5ecdbb rgb(94,205,187)
```
#5ecdc5
```
#5ecdc5 rgb(94,205,197)
```
#5ecccd
```
#5ecccd rgb(94,204,205)
```

Similar Colors

Text with hexadecimal color #5ecdb2

This text has a font color of #5ecdb2.

<span style="color:#5ecdb2;">Text here</span>

#5ecdb2 background color

This paragraph has a background color of #5ecdb2.

<p style="background-color:#5ecdb2;">Content here</p>

#5ecdb2 border color

This element has a border color of #5ecdb2.

<div style="border:1px solid #5ecdb2;">Content here</div>

CSS codes

.text {color:#5ecdb2;}

.background {background-color:#5ecdb2;}

.border {border:1px solid #5ecdb2;}

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 #f4fbfa is the lightest one.

#010403
```
#010403 rgb(1,4,3)
```
#06130f
```
#06130f rgb(6,19,15)
```
#0a221c
```
#0a221c rgb(10,34,28)
```
#0f3128
```
#0f3128 rgb(15,49,40)
```
#144035
```
#144035 rgb(20,64,53)
```
#184e41
```
#184e41 rgb(24,78,65)
```
#1d5d4e
```
#1d5d4e rgb(29,93,78)
```
#226c5a
```
#226c5a rgb(34,108,90)
```
#267b67
```
#267b67 rgb(38,123,103)
```
#2b8a73
```
#2b8a73 rgb(43,138,115)
```
#309980
```
#309980 rgb(48,153,128)
```
#34a88c
```
#34a88c rgb(52,168,140)
```
#39b799
```
#39b799 rgb(57,183,153)
```

Shade Color Variation

#40c4a4
```
#40c4a4 rgb(64,196,164)
```
#4fc8ab
```
#4fc8ab rgb(79,200,171)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#6dd2b9
```
#6dd2b9 rgb(109,210,185)
```
#7cd6c0
```
#7cd6c0 rgb(124,214,192)
```
#8bdbc7
```
#8bdbc7 rgb(139,219,199)
```
#9ae0cf
```
#9ae0cf rgb(154,224,207)
```
#a9e4d6
```
#a9e4d6 rgb(169,228,214)
```
#b8e9dd
```
#b8e9dd rgb(184,233,221)
```
#c7eee4
```
#c7eee4 rgb(199,238,228)
```
#d6f2eb
```
#d6f2eb rgb(214,242,235)
```
#e5f7f2
```
#e5f7f2 rgb(229,247,242)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9c99 is the less saturated color, while #2dfecb is the most saturated one.

#8f9c99
```
#8f9c99 rgb(143,156,153)
```
#87a49d
```
#87a49d rgb(135,164,157)
```
#7eada1
```
#7eada1 rgb(126,173,161)
```
#76b5a5
```
#76b5a5 rgb(118,181,165)
```
#6ebdaa
```
#6ebdaa rgb(110,189,170)
```
#66c5ae
```
#66c5ae rgb(102,197,174)
```
#5ecdb2
```
#5ecdb2 rgb(94,205,178)
```
#56d5b6
```
#56d5b6 rgb(86,213,182)
```
#4eddba
```
#4eddba rgb(78,221,186)
```
#46e5bf
```
#46e5bf rgb(70,229,191)
```
#3eedc3
```
#3eedc3 rgb(62,237,195)
```
#35f6c7
```
#35f6c7 rgb(53,246,199)
```
#2dfecb
```
#2dfecb rgb(45,254,203)
```

Tone Color Variation

Below, you can see how #5ecdb2 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.

Monochromacy

#a9a9a9 Achromatopsia 0.005% of the population
#9ab0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bdac Protanopia 1% of men
#cfb8be Deuteranopia 1% of men
#74cad9 Tritanopia 0.001% of the population

Trichromacy

#9fc2ae Protanomaly 1% of men, 0.01% of women
#a5bfb9 Deuteranomaly 6% of men, 0.4% of women
#6ccbca Tritanomaly 0.01% of the population

#5ecdb2 hex color

#5ecdb2 Color Information

#5ecdb2 Color Conversion

Color Schemes with #5ecdb2

Alternatives to #5ecdb2

#5ecdb2 Preview

Shades and Tints of #5ecdb2

Tones of #5ecdb2

Color Blindness Simulator