#34af8c hex color

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

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

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

The hexadecimal color #34af8c has RGB values of R:52, G:175, B:140 and CMYK values of C:0.7, M:0, Y:0.2, K:0.31. Its decimal value is 3452812.

Hex triplet	34af8c	`#34af8c`
RGB Decimal	52, 175, 140	`rgb(52,175,140)`
RGB Percent	20.4, 68.6, 54.9	`rgb(20.4%,68.6%,54.9%)`
CMYK	70, 0, 20, 31
HSL	162.9°, 54.2, 44.5	`hsl(162.9,54.2%,44.5%)`
HSV (or HSB)	162.9°, 70.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.388, -41.953, 8.312
XYZ	21.478, 33.281, 30.102
xyY	0.253, 0.392, 33.281
CIE-LCH	64.388, 42.769, 168.794
CIE-LUV	64.388, -47.906, 18.327
Hunter-Lab	57.69, -34.502, 9.447
Binary	00110100, 10101111, 10001100

#34af8c
```
#34af8c rgb(52,175,140)
```
#af3457
```
#af3457 rgb(175,52,87)
```

Complementary Color

#34af4f
```
#34af4f rgb(52,175,79)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#3495af
```
#3495af rgb(52,149,175)
```

Analogous Color

#af4f34
```
#af4f34 rgb(175,79,52)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#af3495
```
#af3495 rgb(175,52,149)
```

Split Complementary Color

#af8c34
```
#af8c34 rgb(175,140,52)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#8c34af
```
#8c34af rgb(140,52,175)
```

Triadic Color

#57af34
```
#57af34 rgb(87,175,52)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#8c34af
```
#8c34af rgb(140,52,175)
```
#af3457
```
#af3457 rgb(175,52,87)
```

Tetradic Color

#22745d
```
#22745d rgb(34,116,93)
```
#28886d
```
#28886d rgb(40,136,109)
```
#2e9b7c
```
#2e9b7c rgb(46,155,124)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#3ac39c
```
#3ac39c rgb(58,195,156)
```
#4ccaa6
```
#4ccaa6 rgb(76,202,166)
```
#60d0b0
```
#60d0b0 rgb(96,208,176)
```

Monochromatic Color

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

#34af6d
```
#34af6d rgb(52,175,109)
```
#34af78
```
#34af78 rgb(52,175,120)
```
#34af82
```
#34af82 rgb(52,175,130)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#34af96
```
#34af96 rgb(52,175,150)
```
#34afa1
```
#34afa1 rgb(52,175,161)
```
#34afab
```
#34afab rgb(52,175,171)
```

Similar Colors

Text with hexadecimal color #34af8c

This text has a font color of #34af8c.

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

#34af8c background color

This paragraph has a background color of #34af8c.

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

#34af8c border color

This element has a border color of #34af8c.

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

CSS codes

.text {color:#34af8c;}

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

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

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)
```
#071813
```
#071813 rgb(7,24,19)
```
#0c271f
```
#0c271f rgb(12,39,31)
```
#10362b
```
#10362b rgb(16,54,43)
```
#154537
```
#154537 rgb(21,69,55)
```
#195443
```
#195443 rgb(25,84,67)
```
#1e6350
```
#1e6350 rgb(30,99,80)
```
#22735c
```
#22735c rgb(34,115,92)
```
#278268
```
#278268 rgb(39,130,104)
```
#2b9174
```
#2b9174 rgb(43,145,116)
```
#30a080
```
#30a080 rgb(48,160,128)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#38be98
```
#38be98 rgb(56,190,152)
```

Shade Color Variation

#43c7a2
```
#43c7a2 rgb(67,199,162)
```
#52cca9
```
#52cca9 rgb(82,204,169)
```
#61d0b1
```
#61d0b1 rgb(97,208,177)
```
#70d5b8
```
#70d5b8 rgb(112,213,184)
```
#80d9c0
```
#80d9c0 rgb(128,217,192)
```
#8fdec7
```
#8fdec7 rgb(143,222,199)
```
#9ee2cf
```
#9ee2cf rgb(158,226,207)
```
#ade7d6
```
#ade7d6 rgb(173,231,214)
```
#bcebde
```
#bcebde rgb(188,235,222)
```
#cbf0e5
```
#cbf0e5 rgb(203,240,229)
```
#daf4ed
```
#daf4ed rgb(218,244,237)
```
#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 #08db9f is the most saturated one.

#717272
```
#717272 rgb(113,114,114)
```
#687b75
```
#687b75 rgb(104,123,117)
```
#608379
```
#608379 rgb(96,131,121)
```
#578c7d
```
#578c7d rgb(87,140,125)
```
#4e9581
```
#4e9581 rgb(78,149,129)
```
#459e84
```
#459e84 rgb(69,158,132)
```
#3da688
```
#3da688 rgb(61,166,136)
```
#34af8c
```
#34af8c rgb(52,175,140)
```
#2bb890
```
#2bb890 rgb(43,184,144)
```
#23c094
```
#23c094 rgb(35,192,148)
```
#1ac997
```
#1ac997 rgb(26,201,151)
```
#11d29b
```
#11d29b rgb(17,210,155)
```
#08db9f
```
#08db9f rgb(8,219,159)
```

Tone Color Variation

Below, you can see how #34af8c 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
#768e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a089 Protanopia 1% of men
#b29c9a Deuteranopia 1% of men
#54adba Tritanopia 0.001% of the population

Trichromacy

#7ea58a Protanomaly 1% of men, 0.01% of women
#84a394 Deuteranomaly 6% of men, 0.4% of women
#48aea9 Tritanomaly 0.01% of the population

#34af8c hex color

#34af8c Color Information

#34af8c Color Conversion

Color Schemes with #34af8c

Alternatives to #34af8c

#34af8c Preview

Shades and Tints of #34af8c

Tones of #34af8c

Color Blindness Simulator