colorhexa.com

#34ae87 hex color

In a RGB color space, hex #34ae87 is composed of 20.4% red, 68.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 22.4% yellow and 31.8% black. It has a hue angle of 160.8 degrees, a saturation of 54% and a lightness of 44.3%. #34ae87 color hex could be obtained by blending #68ffff with #005d0f. Closest websafe color is: #339999.

- R 20
- G 68
- B 53
RGB color chart
- C 70
- M 0
- Y 22
- K 32
CMYK color chart

● #34ae87 color description : Dark cyan - lime green.

The hexadecimal color #34ae87 has RGB values of R:52, G:174, B:135 and CMYK values of C:0.7, M:0, Y:0.22, K:0.32. Its decimal value is 3452551.

Hex triplet	34ae87	`#34ae87`
RGB Decimal	52, 174, 135	`rgb(52,174,135)`
RGB Percent	20.4, 68.2, 52.9	`rgb(20.4%,68.2%,52.9%)`
CMYK	70, 0, 22, 32
HSL	160.8°, 54, 44.3	`hsl(160.8,54%,44.3%)`
HSV (or HSB)	160.8°, 70.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.958, -42.74, 10.465
XYZ	20.924, 32.75, 28.139
xyY	0.256, 0.4, 32.75
CIE-LCH	63.958, 44.002, 166.242
CIE-LUV	63.958, -47.849, 21.385
Hunter-Lab	57.227, -34.883, 10.906
Binary	00110100, 10101110, 10000111

#34ae87
```
#34ae87 rgb(52,174,135)
```
#ae345b
```
#ae345b rgb(174,52,91)
```

Complementary Color

#34ae4a
```
#34ae4a rgb(52,174,74)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#3498ae
```
#3498ae rgb(52,152,174)
```

Analogous Color

#ae4a34
```
#ae4a34 rgb(174,74,52)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#ae3498
```
#ae3498 rgb(174,52,152)
```

Split Complementary Color

#ae8734
```
#ae8734 rgb(174,135,52)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#8734ae
```
#8734ae rgb(135,52,174)
```

Triadic Color

#5bae34
```
#5bae34 rgb(91,174,52)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#8734ae
```
#8734ae rgb(135,52,174)
```
#ae345b
```
#ae345b rgb(174,52,91)
```

Tetradic Color

#227359
```
#227359 rgb(34,115,89)
```
#288769
```
#288769 rgb(40,135,105)
```
#2e9a78
```
#2e9a78 rgb(46,154,120)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#3ac296
```
#3ac296 rgb(58,194,150)
```
#4cc9a1
```
#4cc9a1 rgb(76,201,161)
```
#5fcfab
```
#5fcfab rgb(95,207,171)
```

Monochromatic Color

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

#34ae69
```
#34ae69 rgb(52,174,105)
```
#34ae73
```
#34ae73 rgb(52,174,115)
```
#34ae7d
```
#34ae7d rgb(52,174,125)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#34ae91
```
#34ae91 rgb(52,174,145)
```
#34ae9b
```
#34ae9b rgb(52,174,155)
```
#34aea6
```
#34aea6 rgb(52,174,166)
```

Similar Colors

Text with hexadecimal color #34ae87

This text has a font color of #34ae87.

<span style="color:#34ae87;">Text here</span>

#34ae87 background color

This paragraph has a background color of #34ae87.

<p style="background-color:#34ae87;">Content here</p>

#34ae87 border color

This element has a border color of #34ae87.

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

CSS codes

.text {color:#34ae87;}

.background {background-color:#34ae87;}

.border {border:1px solid #34ae87;}

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

#020806
```
#020806 rgb(2,8,6)
```
#071712
```
#071712 rgb(7,23,18)
```
#0b261e
```
#0b261e rgb(11,38,30)
```
#103529
```
#103529 rgb(16,53,41)
```
#144435
```
#144435 rgb(20,68,53)
```
#195341
```
#195341 rgb(25,83,65)
```
#1d624c
```
#1d624c rgb(29,98,76)
```
#227258
```
#227258 rgb(34,114,88)
```
#268164
```
#268164 rgb(38,129,100)
```
#2b9070
```
#2b9070 rgb(43,144,112)
```
#2f9f7b
```
#2f9f7b rgb(47,159,123)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#39bd93
```
#39bd93 rgb(57,189,147)
```

Shade Color Variation

#43c79c
```
#43c79c rgb(67,199,156)
```
#52cba4
```
#52cba4 rgb(82,203,164)
```
#61d0ac
```
#61d0ac rgb(97,208,172)
```
#70d4b4
```
#70d4b4 rgb(112,212,180)
```
#7fd9bc
```
#7fd9bc rgb(127,217,188)
```
#8eddc4
```
#8eddc4 rgb(142,221,196)
```
#9de2cc
```
#9de2cc rgb(157,226,204)
```
#ace6d4
```
#ace6d4 rgb(172,230,212)
```
#bbebdc
```
#bbebdc rgb(187,235,220)
```
#caefe4
```
#caefe4 rgb(202,239,228)
```
#daf4eb
```
#daf4eb rgb(218,244,235)
```
#e9f8f3
```
#e9f8f3 rgb(233,248,243)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#717171
```
#717171 rgb(113,113,113)
```
#687a74
```
#687a74 rgb(104,122,116)
```
#5f8377
```
#5f8377 rgb(95,131,119)
```
#578b7a
```
#578b7a rgb(87,139,122)
```
#4e947e
```
#4e947e rgb(78,148,126)
```
#459d81
```
#459d81 rgb(69,157,129)
```
#3da584
```
#3da584 rgb(61,165,132)
```
#34ae87
```
#34ae87 rgb(52,174,135)
```
#2bb78a
```
#2bb78a rgb(43,183,138)
```
#23bf8d
```
#23bf8d rgb(35,191,141)
```
#1ac890
```
#1ac890 rgb(26,200,144)
```
#11d194
```
#11d194 rgb(17,209,148)
```
#09d997
```
#09d997 rgb(9,217,151)
```

Tone Color Variation

Below, you can see how #34ae87 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

#858585 Achromatopsia 0.005% of the population
#758d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99f84 Protanopia 1% of men
#b39a95 Deuteranopia 1% of men
#55acb8 Tritanopia 0.001% of the population

Trichromacy

#7ea485 Protanomaly 1% of men, 0.01% of women
#84a190 Deuteranomaly 6% of men, 0.4% of women
#49aca6 Tritanomaly 0.01% of the population