#1ed4af hex color

In a RGB color space, hex #1ed4af is composed of 11.8% red, 83.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 0% magenta, 17.5% yellow and 16.9% black. It has a hue angle of 167.8 degrees, a saturation of 75.2% and a lightness of 47.5%. #1ed4af color hex could be obtained by blending #3cffff with #00a95f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 83
- B 69
RGB color chart
- C 86
- M 0
- Y 17
- K 17
CMYK color chart

● #1ed4af color description : Strong cyan.

The hexadecimal color #1ed4af has RGB values of R:30, G:212, B:175 and CMYK values of C:0.86, M:0, Y:0.17, K:0.17. Its decimal value is 2020527.

Hex triplet	1ed4af	`#1ed4af`
RGB Decimal	30, 212, 175	`rgb(30,212,175)`
RGB Percent	11.8, 83.1, 68.6	`rgb(11.8%,83.1%,68.6%)`
CMYK	86, 0, 17, 17
HSL	167.8°, 75.2, 47.5	`hsl(167.8,75.2%,47.5%)`
HSV (or HSB)	167.8°, 85.8, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.348, -50.89, 6.356
XYZ	31.814, 50.455, 48.617
xyY	0.243, 0.385, 50.455
CIE-LCH	76.348, 51.286, 172.881
CIE-LUV	76.348, -61.202, 17.46
Hunter-Lab	71.032, -44.358, 9.141
Binary	00011110, 11010100, 10101111

#1ed4af
```
#1ed4af rgb(30,212,175)
```
#d41e43
```
#d41e43 rgb(212,30,67)
```

Complementary Color

#1ed454
```
#1ed454 rgb(30,212,84)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#1e9ed4
```
#1e9ed4 rgb(30,158,212)
```

Analogous Color

#d4541e
```
#d4541e rgb(212,84,30)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#d41e9e
```
#d41e9e rgb(212,30,158)
```

Split Complementary Color

#d4af1e
```
#d4af1e rgb(212,175,30)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#af1ed4
```
#af1ed4 rgb(175,30,212)
```

Triadic Color

#43d41e
```
#43d41e rgb(67,212,30)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#af1ed4
```
#af1ed4 rgb(175,30,212)
```
#d41e43
```
#d41e43 rgb(212,30,67)
```

Tetradic Color

#159178
```
#159178 rgb(21,145,120)
```
#18a78a
```
#18a78a rgb(24,167,138)
```
#1bbe9d
```
#1bbe9d rgb(27,190,157)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#2be1bc
```
#2be1bc rgb(43,225,188)
```
#41e4c3
```
#41e4c3 rgb(65,228,195)
```
#57e7ca
```
#57e7ca rgb(87,231,202)
```

Monochromatic Color

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

#1ed482
```
#1ed482 rgb(30,212,130)
```
#1ed491
```
#1ed491 rgb(30,212,145)
```
#1ed4a0
```
#1ed4a0 rgb(30,212,160)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#1ed4be
```
#1ed4be rgb(30,212,190)
```
#1ed4cd
```
#1ed4cd rgb(30,212,205)
```
#1eccd4
```
#1eccd4 rgb(30,204,212)
```

Similar Colors

Text with hexadecimal color #1ed4af

This text has a font color of #1ed4af.

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

#1ed4af background color

This paragraph has a background color of #1ed4af.

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

#1ed4af border color

This element has a border color of #1ed4af.

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

CSS codes

.text {color:#1ed4af;}

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

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

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, #010605 is the darkest color, while #f4fdfb is the lightest one.

#010605
```
#010605 rgb(1,6,5)
```
#031713
```
#031713 rgb(3,23,19)
```
#062821
```
#062821 rgb(6,40,33)
```
#08392f
```
#08392f rgb(8,57,47)
```
#0b4b3e
```
#0b4b3e rgb(11,75,62)
```
#0d5c4c
```
#0d5c4c rgb(13,92,76)
```
#0f6d5a
```
#0f6d5a rgb(15,109,90)
```
#127e68
```
#127e68 rgb(18,126,104)
```
#148f76
```
#148f76 rgb(20,143,118)
```
#17a084
```
#17a084 rgb(23,160,132)
```
#19b293
```
#19b293 rgb(25,178,147)
```
#1cc3a1
```
#1cc3a1 rgb(28,195,161)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```

Shade Color Variation

#25e0ba
```
#25e0ba rgb(37,224,186)
```
#37e3c0
```
#37e3c0 rgb(55,227,192)
```
#48e5c5
```
#48e5c5 rgb(72,229,197)
```
#59e8cb
```
#59e8cb rgb(89,232,203)
```
#6aead0
```
#6aead0 rgb(106,234,208)
```
#7becd5
```
#7becd5 rgb(123,236,213)
```
#8defdb
```
#8defdb rgb(141,239,219)
```
#9ef1e0
```
#9ef1e0 rgb(158,241,224)
```
#aff4e6
```
#aff4e6 rgb(175,244,230)
```
#c0f6eb
```
#c0f6eb rgb(192,246,235)
```
#d1f9f1
```
#d1f9f1 rgb(209,249,241)
```
#e2fbf6
```
#e2fbf6 rgb(226,251,246)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72807d is the less saturated color, while #02f0c0 is the most saturated one.

#72807d
```
#72807d rgb(114,128,125)
```
#688a83
```
#688a83 rgb(104,138,131)
```
#5f9388
```
#5f9388 rgb(95,147,136)
```
#569c8e
```
#569c8e rgb(86,156,142)
```
#4da593
```
#4da593 rgb(77,165,147)
```
#43af99
```
#43af99 rgb(67,175,153)
```
#3ab89e
```
#3ab89e rgb(58,184,158)
```
#31c1a4
```
#31c1a4 rgb(49,193,164)
```
#27cba9
```
#27cba9 rgb(39,203,169)
```
#1ed4af
```
#1ed4af rgb(30,212,175)
```
#15ddb5
```
#15ddb5 rgb(21,221,181)
```
#0be7ba
```
#0be7ba rgb(11,231,186)
```
#02f0c0
```
#02f0c0 rgb(2,240,192)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#80a59d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bfa8 Protanopia 1% of men
#d2b9bd Deuteranopia 1% of men
#51cfdf Tritanopia 0.001% of the population

Trichromacy

#8ac6aa Protanomaly 1% of men, 0.01% of women
#90c3b8 Deuteranomaly 6% of men, 0.4% of women
#3ed1cd Tritanomaly 0.01% of the population

#1ed4af hex color

#1ed4af Color Information

#1ed4af Color Conversion

Color Schemes with #1ed4af

Alternatives to #1ed4af

#1ed4af Preview

Shades and Tints of #1ed4af

Tones of #1ed4af

Color Blindness Simulator