#1ec5a4 hex color

In a RGB color space, hex #1ec5a4 is composed of 11.8% red, 77.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 0% magenta, 16.8% yellow and 22.7% black. It has a hue angle of 168.1 degrees, a saturation of 73.6% and a lightness of 44.5%. #1ec5a4 color hex could be obtained by blending #3cffff with #008b49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 77
- B 64
RGB color chart
- C 85
- M 0
- Y 17
- K 23
CMYK color chart

● #1ec5a4 color description : Strong cyan.

The hexadecimal color #1ec5a4 has RGB values of R:30, G:197, B:164 and CMYK values of C:0.85, M:0, Y:0.17, K:0.23. Its decimal value is 2016676.

Hex triplet	1ec5a4	`#1ec5a4`
RGB Decimal	30, 197, 164	`rgb(30,197,164)`
RGB Percent	11.8, 77.3, 64.3	`rgb(11.8%,77.3%,64.3%)`
CMYK	85, 0, 17, 23
HSL	168.1°, 73.6, 44.5	`hsl(168.1,73.6%,44.5%)`
HSV (or HSB)	168.1°, 84.8, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.478, -47.565, 5.277
XYZ	27.2, 42.886, 41.964
xyY	0.243, 0.383, 42.886
CIE-LCH	71.478, 47.857, 173.67
CIE-LUV	71.478, -56.888, 15.167
Hunter-Lab	65.487, -40.464, 7.848
Binary	00011110, 11000101, 10100100

#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#c51e3f
```
#c51e3f rgb(197,30,63)
```

Complementary Color

#1ec551
```
#1ec551 rgb(30,197,81)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#1e93c5
```
#1e93c5 rgb(30,147,197)
```

Analogous Color

#c5511e
```
#c5511e rgb(197,81,30)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#c51e93
```
#c51e93 rgb(197,30,147)
```

Split Complementary Color

#c5a41e
```
#c5a41e rgb(197,164,30)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#a41ec5
```
#a41ec5 rgb(164,30,197)
```

Triadic Color

#3fc51e
```
#3fc51e rgb(63,197,30)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#a41ec5
```
#a41ec5 rgb(164,30,197)
```
#c51e3f
```
#c51e3f rgb(197,30,63)
```

Tetradic Color

#14836d
```
#14836d rgb(20,131,109)
```
#17997f
```
#17997f rgb(23,153,127)
```
#1baf92
```
#1baf92 rgb(27,175,146)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#21dbb6
```
#21dbb6 rgb(33,219,182)
```
#36e0bf
```
#36e0bf rgb(54,224,191)
```
#4ce4c6
```
#4ce4c6 rgb(76,228,198)
```

Monochromatic Color

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

#1ec57a
```
#1ec57a rgb(30,197,122)
```
#1ec588
```
#1ec588 rgb(30,197,136)
```
#1ec596
```
#1ec596 rgb(30,197,150)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#1ec5b2
```
#1ec5b2 rgb(30,197,178)
```
#1ec5c0
```
#1ec5c0 rgb(30,197,192)
```
#1ebcc5
```
#1ebcc5 rgb(30,188,197)
```

Similar Colors

Text with hexadecimal color #1ec5a4

This text has a font color of #1ec5a4.

<span style="color:#1ec5a4;">Text here</span>

#1ec5a4 background color

This paragraph has a background color of #1ec5a4.

<p style="background-color:#1ec5a4;">Content here</p>

#1ec5a4 border color

This element has a border color of #1ec5a4.

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

CSS codes

.text {color:#1ec5a4;}

.background {background-color:#1ec5a4;}

.border {border:1px solid #1ec5a4;}

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, #010a08 is the darkest color, while #f8fefd is the lightest one.

#010a08
```
#010a08 rgb(1,10,8)
```
#041b16
```
#041b16 rgb(4,27,22)
```
#072c24
```
#072c24 rgb(7,44,36)
```
#093d33
```
#093d33 rgb(9,61,51)
```
#0c4e41
```
#0c4e41 rgb(12,78,65)
```
#0e5f4f
```
#0e5f4f rgb(14,95,79)
```
#11705d
```
#11705d rgb(17,112,93)
```
#14816b
```
#14816b rgb(20,129,107)
```
#169279
```
#169279 rgb(22,146,121)
```
#19a388
```
#19a388 rgb(25,163,136)
```
#1bb496
```
#1bb496 rgb(27,180,150)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#21d6b2
```
#21d6b2 rgb(33,214,178)
```

Shade Color Variation

#2bdfbb
```
#2bdfbb rgb(43,223,187)
```
#3ce1c1
```
#3ce1c1 rgb(60,225,193)
```
#4de4c6
```
#4de4c6 rgb(77,228,198)
```
#5fe7cc
```
#5fe7cc rgb(95,231,204)
```
#70e9d1
```
#70e9d1 rgb(112,233,209)
```
#81ecd7
```
#81ecd7 rgb(129,236,215)
```
#92eedc
```
#92eedc rgb(146,238,220)
```
#a3f1e1
```
#a3f1e1 rgb(163,241,225)
```
#b4f4e7
```
#b4f4e7 rgb(180,244,231)
```
#c5f6ec
```
#c5f6ec rgb(197,246,236)
```
#d6f9f2
```
#d6f9f2 rgb(214,249,242)
```
#e7fbf7
```
#e7fbf7 rgb(231,251,247)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7674 is the less saturated color, while #04dfb4 is the most saturated one.

#6d7674
```
#6d7674 rgb(109,118,116)
```
#647f7a
```
#647f7a rgb(100,127,122)
```
#5b887f
```
#5b887f rgb(91,136,127)
```
#529184
```
#529184 rgb(82,145,132)
```
#4a998a
```
#4a998a rgb(74,153,138)
```
#41a28f
```
#41a28f rgb(65,162,143)
```
#38ab94
```
#38ab94 rgb(56,171,148)
```
#2fb499
```
#2fb499 rgb(47,180,153)
```
#27bc9f
```
#27bc9f rgb(39,188,159)
```
#1ec5a4
```
#1ec5a4 rgb(30,197,164)
```
#15cea9
```
#15cea9 rgb(21,206,169)
```
#0dd6af
```
#0dd6af rgb(13,214,175)
```
#04dfb4
```
#04dfb4 rgb(4,223,180)
```

Tone Color Variation

Below, you can see how #1ec5a4 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

#8f8f8f Achromatopsia 0.005% of the population
#789a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb29e Protanopia 1% of men
#c4adb2 Deuteranopia 1% of men
#4cc2d0 Tritanopia 0.001% of the population

Trichromacy

#82b9a0 Protanomaly 1% of men, 0.01% of women
#87b6ac Deuteranomaly 6% of men, 0.4% of women
#3bc3c0 Tritanomaly 0.01% of the population

#1ec5a4 hex color

#1ec5a4 Color Information

#1ec5a4 Color Conversion

Color Schemes with #1ec5a4

Alternatives to #1ec5a4

#1ec5a4 Preview

Shades and Tints of #1ec5a4

Tones of #1ec5a4

Color Blindness Simulator