#34af87 hex color

In a RGB color space, hex #34af87 is composed of 20.4% red, 68.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 22.9% yellow and 31.4% black. It has a hue angle of 160.5 degrees, a saturation of 54.2% and a lightness of 44.5%. #34af87 color hex could be obtained by blending #68ffff with #005f0f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 69
- B 53
RGB color chart
- C 70
- M 0
- Y 23
- K 31
CMYK color chart

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

The hexadecimal color #34af87 has RGB values of R:52, G:175, B:135 and CMYK values of C:0.7, M:0, Y:0.23, K:0.31. Its decimal value is 3452807.

Hex triplet	34af87	`#34af87`
RGB Decimal	52, 175, 135	`rgb(52,175,135)`
RGB Percent	20.4, 68.6, 52.9	`rgb(20.4%,68.6%,52.9%)`
CMYK	70, 0, 23, 31
HSL	160.5°, 54.2, 44.5	`hsl(160.5,54.2%,44.5%)`
HSV (or HSB)	160.5°, 70.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.272, -43.165, 10.909
XYZ	21.118, 33.137, 28.204
xyY	0.256, 0.402, 33.137
CIE-LCH	64.272, 44.522, 165.816
CIE-LUV	64.272, -48.216, 22.079
Hunter-Lab	57.565, -35.256, 11.247
Binary	00110100, 10101111, 10000111

#34af87
```
#34af87 rgb(52,175,135)
```
#af345c
```
#af345c rgb(175,52,92)
```

Complementary Color

#34af4a
```
#34af4a rgb(52,175,74)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#349aaf
```
#349aaf rgb(52,154,175)
```

Analogous Color

#af4a34
```
#af4a34 rgb(175,74,52)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#af349a
```
#af349a rgb(175,52,154)
```

Split Complementary Color

#af8734
```
#af8734 rgb(175,135,52)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#8734af
```
#8734af rgb(135,52,175)
```

Triadic Color

#5caf34
```
#5caf34 rgb(92,175,52)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#8734af
```
#8734af rgb(135,52,175)
```
#af345c
```
#af345c rgb(175,52,92)
```

Tetradic Color

#22745a
```
#22745a rgb(34,116,90)
```
#288869
```
#288869 rgb(40,136,105)
```
#2e9b78
```
#2e9b78 rgb(46,155,120)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#3ac396
```
#3ac396 rgb(58,195,150)
```
#4ccaa1
```
#4ccaa1 rgb(76,202,161)
```
#60d0ab
```
#60d0ab rgb(96,208,171)
```

Monochromatic Color

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

#34af68
```
#34af68 rgb(52,175,104)
```
#34af73
```
#34af73 rgb(52,175,115)
```
#34af7d
```
#34af7d rgb(52,175,125)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#34af91
```
#34af91 rgb(52,175,145)
```
#34af9c
```
#34af9c rgb(52,175,156)
```
#34afa6
```
#34afa6 rgb(52,175,166)
```

Similar Colors

Text with hexadecimal color #34af87

This text has a font color of #34af87.

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

#34af87 background color

This paragraph has a background color of #34af87.

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

#34af87 border color

This element has a border color of #34af87.

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

CSS codes

.text {color:#34af87;}

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

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

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

#030907
```
#030907 rgb(3,9,7)
```
#071812
```
#071812 rgb(7,24,18)
```
#0c271e
```
#0c271e rgb(12,39,30)
```
#10362a
```
#10362a rgb(16,54,42)
```
#154535
```
#154535 rgb(21,69,53)
```
#195441
```
#195441 rgb(25,84,65)
```
#1e634d
```
#1e634d rgb(30,99,77)
```
#227358
```
#227358 rgb(34,115,88)
```
#278264
```
#278264 rgb(39,130,100)
```
#2b9170
```
#2b9170 rgb(43,145,112)
```
#30a07b
```
#30a07b rgb(48,160,123)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#38be93
```
#38be93 rgb(56,190,147)
```

Shade Color Variation

#43c79c
```
#43c79c rgb(67,199,156)
```
#52cca4
```
#52cca4 rgb(82,204,164)
```
#61d0ac
```
#61d0ac rgb(97,208,172)
```
#70d5b4
```
#70d5b4 rgb(112,213,180)
```
#80d9bc
```
#80d9bc rgb(128,217,188)
```
#8fdec4
```
#8fdec4 rgb(143,222,196)
```
#9ee2cc
```
#9ee2cc rgb(158,226,204)
```
#ade7d4
```
#ade7d4 rgb(173,231,212)
```
#bcebdc
```
#bcebdc rgb(188,235,220)
```
#cbf0e4
```
#cbf0e4 rgb(203,240,228)
```
#daf4ec
```
#daf4ec rgb(218,244,236)
```
#e9f9f4
```
#e9f9f4 rgb(233,249,244)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#717272
```
#717272 rgb(113,114,114)
```
#687b75
```
#687b75 rgb(104,123,117)
```
#608378
```
#608378 rgb(96,131,120)
```
#578c7b
```
#578c7b rgb(87,140,123)
```
#4e957e
```
#4e957e rgb(78,149,126)
```
#459e81
```
#459e81 rgb(69,158,129)
```
#3da684
```
#3da684 rgb(61,166,132)
```
#34af87
```
#34af87 rgb(52,175,135)
```
#2bb88a
```
#2bb88a rgb(43,184,138)
```
#23c08d
```
#23c08d rgb(35,192,141)
```
#1ac990
```
#1ac990 rgb(26,201,144)
```
#11d293
```
#11d293 rgb(17,210,147)
```
#08db96
```
#08db96 rgb(8,219,150)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#768e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa084 Protanopia 1% of men
#b49b95 Deuteranopia 1% of men
#56adb9 Tritanopia 0.001% of the population

Trichromacy

#7fa585 Protanomaly 1% of men, 0.01% of women
#85a290 Deuteranomaly 6% of men, 0.4% of women
#49ada7 Tritanomaly 0.01% of the population

#34af87 hex color

#34af87 Color Information

#34af87 Color Conversion

Color Schemes with #34af87

Alternatives to #34af87

#34af87 Preview

Shades and Tints of #34af87

Tones of #34af87

Color Blindness Simulator