#5ec5a2 hex color

In a RGB color space, hex #5ec5a2 is composed of 36.9% red, 77.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 17.8% yellow and 22.7% black. It has a hue angle of 159.6 degrees, a saturation of 47% and a lightness of 57.1%. #5ec5a2 color hex could be obtained by blending #bcffff with #008b45. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 77
- B 64
RGB color chart
- C 52
- M 0
- Y 18
- K 23
CMYK color chart

● #5ec5a2 color description : Moderate cyan - lime green.

The hexadecimal color #5ec5a2 has RGB values of R:94, G:197, B:162 and CMYK values of C:0.52, M:0, Y:0.18, K:0.23. Its decimal value is 6210978.

Hex triplet	5ec5a2	`#5ec5a2`
RGB Decimal	94, 197, 162	`rgb(94,197,162)`
RGB Percent	36.9, 77.3, 63.5	`rgb(36.9%,77.3%,63.5%)`
CMYK	52, 0, 18, 23
HSL	159.6°, 47, 57.1	`hsl(159.6,47%,57.1%)`
HSV (or HSB)	159.6°, 52.3, 77.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	72.838, -38.374, 8.498
XYZ	31.102, 44.919, 41.212
xyY	0.265, 0.383, 44.919
CIE-LCH	72.838, 39.303, 167.513
CIE-LUV	72.838, -45.151, 18.564
Hunter-Lab	67.021, -34.453, 10.457
Binary	01011110, 11000101, 10100010

#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#c55e81
```
#c55e81 rgb(197,94,129)
```

Complementary Color

#5ec56f
```
#5ec56f rgb(94,197,111)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#5eb5c5
```
#5eb5c5 rgb(94,181,197)
```

Analogous Color

#c56f5e
```
#c56f5e rgb(197,111,94)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#c55eb5
```
#c55eb5 rgb(197,94,181)
```

Split Complementary Color

#c5a25e
```
#c5a25e rgb(197,162,94)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#a25ec5
```
#a25ec5 rgb(162,94,197)
```

Triadic Color

#81c55e
```
#81c55e rgb(129,197,94)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#a25ec5
```
#a25ec5 rgb(162,94,197)
```
#c55e81
```
#c55e81 rgb(197,94,129)
```

Tetradic Color

#399e7b
```
#399e7b rgb(57,158,123)
```
#40b08a
```
#40b08a rgb(64,176,138)
```
#4bbe97
```
#4bbe97 rgb(75,190,151)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#71ccad
```
#71ccad rgb(113,204,173)
```
#83d3b8
```
#83d3b8 rgb(131,211,184)
```
#96d9c2
```
#96d9c2 rgb(150,217,194)
```

Monochromatic Color

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

#5ec588
```
#5ec588 rgb(94,197,136)
```
#5ec591
```
#5ec591 rgb(94,197,145)
```
#5ec599
```
#5ec599 rgb(94,197,153)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#5ec5ab
```
#5ec5ab rgb(94,197,171)
```
#5ec5b3
```
#5ec5b3 rgb(94,197,179)
```
#5ec5bc
```
#5ec5bc rgb(94,197,188)
```

Similar Colors

Text with hexadecimal color #5ec5a2

This text has a font color of #5ec5a2.

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

#5ec5a2 background color

This paragraph has a background color of #5ec5a2.

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

#5ec5a2 border color

This element has a border color of #5ec5a2.

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

CSS codes

.text {color:#5ec5a2;}

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

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

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, #040c09 is the darkest color, while #fdfefe is the lightest one.

#040c09
```
#040c09 rgb(4,12,9)
```
#0a1a15
```
#0a1a15 rgb(10,26,21)
```
#0f2920
```
#0f2920 rgb(15,41,32)
```
#14372b
```
#14372b rgb(20,55,43)
```
#194637
```
#194637 rgb(25,70,55)
```
#1e5442
```
#1e5442 rgb(30,84,66)
```
#24634d
```
#24634d rgb(36,99,77)
```
#297158
```
#297158 rgb(41,113,88)
```
#2e7f64
```
#2e7f64 rgb(46,127,100)
```
#338e6f
```
#338e6f rgb(51,142,111)
```
#389c7a
```
#389c7a rgb(56,156,122)
```
#3dab86
```
#3dab86 rgb(61,171,134)
```
#43b991
```
#43b991 rgb(67,185,145)
```

Shade Color Variation

#50c09a
```
#50c09a rgb(80,192,154)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#6ccaaa
```
#6ccaaa rgb(108,202,170)
```
#7bcfb3
```
#7bcfb3 rgb(123,207,179)
```
#89d5bb
```
#89d5bb rgb(137,213,187)
```
#98dac3
```
#98dac3 rgb(152,218,195)
```
#a6dfcc
```
#a6dfcc rgb(166,223,204)
```
#b5e4d4
```
#b5e4d4 rgb(181,228,212)
```
#c3e9dc
```
#c3e9dc rgb(195,233,220)
```
#d1efe5
```
#d1efe5 rgb(209,239,229)
```
#e0f4ed
```
#e0f4ed rgb(224,244,237)
```
#eef9f5
```
#eef9f5 rgb(238,249,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#919292
```
#919292 rgb(145,146,146)
```
#889b95
```
#889b95 rgb(136,155,149)
```
#80a397
```
#80a397 rgb(128,163,151)
```
#77ac9a
```
#77ac9a rgb(119,172,154)
```
#6fb49d
```
#6fb49d rgb(111,180,157)
```
#66bd9f
```
#66bd9f rgb(102,189,159)
```
#5ec5a2
```
#5ec5a2 rgb(94,197,162)
```
#56cda5
```
#56cda5 rgb(86,205,165)
```
#4dd6a7
```
#4dd6a7 rgb(77,214,167)
```
#45deaa
```
#45deaa rgb(69,222,170)
```
#3ce7ad
```
#3ce7ad rgb(60,231,173)
```
#34efaf
```
#34efaf rgb(52,239,175)
```
#2bf8b2
```
#2bf8b2 rgb(43,248,178)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb69e Protanopia 1% of men
#cab0ae Deuteranopia 1% of men
#75c2d0 Tritanopia 0.001% of the population

Trichromacy

#9cbb9f Protanomaly 1% of men, 0.01% of women
#a3b8aa Deuteranomaly 6% of men, 0.4% of women
#6dc3bf Tritanomaly 0.01% of the population

#5ec5a2 hex color

#5ec5a2 Color Information

#5ec5a2 Color Conversion

Color Schemes with #5ec5a2

Alternatives to #5ec5a2

#5ec5a2 Preview

Shades and Tints of #5ec5a2

Tones of #5ec5a2

Color Blindness Simulator