#34ac60 hex color

In a RGB color space, hex #34ac60 is composed of 20.4% red, 67.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 44.2% yellow and 32.5% black. It has a hue angle of 142 degrees, a saturation of 53.6% and a lightness of 43.9%. #34ac60 color hex could be obtained by blending #68ffc0 with #005900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 67
- B 38
RGB color chart
- C 70
- M 0
- Y 44
- K 33
CMYK color chart

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

The hexadecimal color #34ac60 has RGB values of R:52, G:172, B:96 and CMYK values of C:0.7, M:0, Y:0.44, K:0.33. Its decimal value is 3452000.

Hex triplet	34ac60	`#34ac60`
RGB Decimal	52, 172, 96	`rgb(52,172,96)`
RGB Percent	20.4, 67.5, 37.6	`rgb(20.4%,67.5%,37.6%)`
CMYK	70, 0, 44, 33
HSL	142°, 53.6, 43.9	`hsl(142,53.6%,43.9%)`
HSV (or HSB)	142°, 69.8, 67.5
Web Safe	339966	`#339966`

CIE-LAB	62.573, -50.072, 29.71
XYZ	18.279, 31.078, 16.101
xyY	0.279, 0.475, 31.078
CIE-LCH	62.573, 58.222, 149.317
CIE-LUV	62.573, -49.294, 46.104
Hunter-Lab	55.748, -39.031, 21.899
Binary	00110100, 10101100, 01100000

#34ac60
```
#34ac60 rgb(52,172,96)
```
#ac3480
```
#ac3480 rgb(172,52,128)
```

Complementary Color

#44ac34
```
#44ac34 rgb(68,172,52)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#34ac9c
```
#34ac9c rgb(52,172,156)
```

Analogous Color

#ac3444
```
#ac3444 rgb(172,52,68)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#9c34ac
```
#9c34ac rgb(156,52,172)
```

Split Complementary Color

#ac6034
```
#ac6034 rgb(172,96,52)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#6034ac
```
#6034ac rgb(96,52,172)
```

Triadic Color

#80ac34
```
#80ac34 rgb(128,172,52)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#6034ac
```
#6034ac rgb(96,52,172)
```
#ac3480
```
#ac3480 rgb(172,52,128)
```

Tetradic Color

#22713f
```
#22713f rgb(34,113,63)
```
#28854a
```
#28854a rgb(40,133,74)
```
#2e9855
```
#2e9855 rgb(46,152,85)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#3ac06b
```
#3ac06b rgb(58,192,107)
```
#4bc879
```
#4bc879 rgb(75,200,121)
```
#5ece87
```
#5ece87 rgb(94,206,135)
```

Monochromatic Color

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

#34ac42
```
#34ac42 rgb(52,172,66)
```
#34ac4c
```
#34ac4c rgb(52,172,76)
```
#34ac56
```
#34ac56 rgb(52,172,86)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#34ac6a
```
#34ac6a rgb(52,172,106)
```
#34ac74
```
#34ac74 rgb(52,172,116)
```
#34ac7e
```
#34ac7e rgb(52,172,126)
```

Similar Colors

Text with hexadecimal color #34ac60

This text has a font color of #34ac60.

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

#34ac60 background color

This paragraph has a background color of #34ac60.

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

#34ac60 border color

This element has a border color of #34ac60.

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

CSS codes

.text {color:#34ac60;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#06150c
```
#06150c rgb(6,21,12)
```
#0b2414
```
#0b2414 rgb(11,36,20)
```
#10341d
```
#10341d rgb(16,52,29)
```
#144325
```
#144325 rgb(20,67,37)
```
#19522e
```
#19522e rgb(25,82,46)
```
#1d6136
```
#1d6136 rgb(29,97,54)
```
#22703e
```
#22703e rgb(34,112,62)
```
#267f47
```
#267f47 rgb(38,127,71)
```
#2b8e4f
```
#2b8e4f rgb(43,142,79)
```
#2f9d58
```
#2f9d58 rgb(47,157,88)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#39bb68
```
#39bb68 rgb(57,187,104)
```

Shade Color Variation

#42c672
```
#42c672 rgb(66,198,114)
```
#51ca7d
```
#51ca7d rgb(81,202,125)
```
#60cf88
```
#60cf88 rgb(96,207,136)
```
#6fd394
```
#6fd394 rgb(111,211,148)
```
#7ed89f
```
#7ed89f rgb(126,216,159)
```
#8ddcaa
```
#8ddcaa rgb(141,220,170)
```
#9ce1b5
```
#9ce1b5 rgb(156,225,181)
```
#abe6c0
```
#abe6c0 rgb(171,230,192)
```
#baeacc
```
#baeacc rgb(186,234,204)
```
#c9efd7
```
#c9efd7 rgb(201,239,215)
```
#d8f3e2
```
#d8f3e2 rgb(216,243,226)
```
#e7f8ed
```
#e7f8ed rgb(231,248,237)
```
#f6fcf8
```
#f6fcf8 rgb(246,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68786e is the less saturated color, while #00e052 is the most saturated one.

#68786e
```
#68786e rgb(104,120,110)
```
#5f816b
```
#5f816b rgb(95,129,107)
```
#568a69
```
#568a69 rgb(86,138,105)
```
#4e9267
```
#4e9267 rgb(78,146,103)
```
#459b65
```
#459b65 rgb(69,155,101)
```
#3da362
```
#3da362 rgb(61,163,98)
```
#34ac60
```
#34ac60 rgb(52,172,96)
```
#2bb55e
```
#2bb55e rgb(43,181,94)
```
#23bd5b
```
#23bd5b rgb(35,189,91)
```
#1ac659
```
#1ac659 rgb(26,198,89)
```
#12ce57
```
#12ce57 rgb(18,206,87)
```
#09d755
```
#09d755 rgb(9,215,85)
```
#00e052
```
#00e052 rgb(0,224,82)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#708879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c61 Protanopia 1% of men
#b99671 Deuteranopia 1% of men
#5da7b3 Tritanopia 0.001% of the population

Trichromacy

#7fa260 Protanomaly 1% of men, 0.01% of women
#889e6a Deuteranomaly 6% of men, 0.4% of women
#4ea995 Tritanomaly 0.01% of the population

#34ac60 hex color

#34ac60 Color Information

#34ac60 Color Conversion

Color Schemes with #34ac60

Alternatives to #34ac60

#34ac60 Preview

Shades and Tints of #34ac60

Tones of #34ac60

Color Blindness Simulator