#34ae85 hex color

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

♥
- f
- t
- g
- R 20
- G 68
- B 52
RGB color chart
- C 70
- M 0
- Y 24
- K 32
CMYK color chart

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

The hexadecimal color #34ae85 has RGB values of R:52, G:174, B:133 and CMYK values of C:0.7, M:0, Y:0.24, K:0.32. Its decimal value is 3452549.

Hex triplet	34ae85	`#34ae85`
RGB Decimal	52, 174, 133	`rgb(52,174,133)`
RGB Percent	20.4, 68.2, 52.2	`rgb(20.4%,68.2%,52.2%)`
CMYK	70, 0, 24, 32
HSL	159.8°, 54, 44.3	`hsl(159.8,54%,44.3%)`
HSV (or HSB)	159.8°, 70.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.912, -43.216, 11.505
XYZ	20.784, 32.694, 27.404
xyY	0.257, 0.404, 32.694
CIE-LCH	63.912, 44.722, 165.092
CIE-LUV	63.912, -47.972, 22.867
Hunter-Lab	57.178, -35.178, 11.609
Binary	00110100, 10101110, 10000101

#34ae85
```
#34ae85 rgb(52,174,133)
```
#ae345d
```
#ae345d rgb(174,52,93)
```

Complementary Color

#34ae48
```
#34ae48 rgb(52,174,72)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#349aae
```
#349aae rgb(52,154,174)
```

Analogous Color

#ae4834
```
#ae4834 rgb(174,72,52)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#ae349a
```
#ae349a rgb(174,52,154)
```

Split Complementary Color

#ae8534
```
#ae8534 rgb(174,133,52)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#8534ae
```
#8534ae rgb(133,52,174)
```

Triadic Color

#5dae34
```
#5dae34 rgb(93,174,52)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#8534ae
```
#8534ae rgb(133,52,174)
```
#ae345d
```
#ae345d rgb(174,52,93)
```

Tetradic Color

#227358
```
#227358 rgb(34,115,88)
```
#288767
```
#288767 rgb(40,135,103)
```
#2e9a76
```
#2e9a76 rgb(46,154,118)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#3ac294
```
#3ac294 rgb(58,194,148)
```
#4cc99f
```
#4cc99f rgb(76,201,159)
```
#5fcfaa
```
#5fcfaa rgb(95,207,170)
```

Monochromatic Color

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

#34ae67
```
#34ae67 rgb(52,174,103)
```
#34ae71
```
#34ae71 rgb(52,174,113)
```
#34ae7b
```
#34ae7b rgb(52,174,123)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#34ae8f
```
#34ae8f rgb(52,174,143)
```
#34ae99
```
#34ae99 rgb(52,174,153)
```
#34aea4
```
#34aea4 rgb(52,174,164)
```

Similar Colors

Text with hexadecimal color #34ae85

This text has a font color of #34ae85.

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

#34ae85 background color

This paragraph has a background color of #34ae85.

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

#34ae85 border color

This element has a border color of #34ae85.

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

CSS codes

.text {color:#34ae85;}

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

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

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)
```
#0b261d
```
#0b261d rgb(11,38,29)
```
#103529
```
#103529 rgb(16,53,41)
```
#144434
```
#144434 rgb(20,68,52)
```
#195340
```
#195340 rgb(25,83,64)
```
#1d624b
```
#1d624b rgb(29,98,75)
```
#227257
```
#227257 rgb(34,114,87)
```
#268162
```
#268162 rgb(38,129,98)
```
#2b906e
```
#2b906e rgb(43,144,110)
```
#2f9f79
```
#2f9f79 rgb(47,159,121)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#39bd91
```
#39bd91 rgb(57,189,145)
```

Shade Color Variation

#43c79a
```
#43c79a rgb(67,199,154)
```
#52cba2
```
#52cba2 rgb(82,203,162)
```
#61d0aa
```
#61d0aa rgb(97,208,170)
```
#70d4b2
```
#70d4b2 rgb(112,212,178)
```
#7fd9bb
```
#7fd9bb rgb(127,217,187)
```
#8eddc3
```
#8eddc3 rgb(142,221,195)
```
#9de2cb
```
#9de2cb rgb(157,226,203)
```
#ace6d3
```
#ace6d3 rgb(172,230,211)
```
#bbebdb
```
#bbebdb rgb(187,235,219)
```
#caefe3
```
#caefe3 rgb(202,239,227)
```
#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 #09d993 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)
```
#4e947c
```
#4e947c rgb(78,148,124)
```
#459d7f
```
#459d7f rgb(69,157,127)
```
#3da582
```
#3da582 rgb(61,165,130)
```
#34ae85
```
#34ae85 rgb(52,174,133)
```
#2bb788
```
#2bb788 rgb(43,183,136)
```
#23bf8b
```
#23bf8b rgb(35,191,139)
```
#1ac88e
```
#1ac88e rgb(26,200,142)
```
#11d190
```
#11d190 rgb(17,209,144)
```
#09d993
```
#09d993 rgb(9,217,147)
```

Tone Color Variation

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

#a99f82 Protanopia 1% of men
#b39a93 Deuteranopia 1% of men
#56acb8 Tritanopia 0.001% of the population

Trichromacy

#7ea483 Protanomaly 1% of men, 0.01% of women
#85a18e Deuteranomaly 6% of men, 0.4% of women
#49aca5 Tritanomaly 0.01% of the population

#34ae85 hex color

#34ae85 Color Information

#34ae85 Color Conversion

Color Schemes with #34ae85

Alternatives to #34ae85

#34ae85 Preview

Shades and Tints of #34ae85

Tones of #34ae85

Color Blindness Simulator