#34a78f hex color

In a RGB color space, hex #34a78f is composed of 20.4% red, 65.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 0% magenta, 14.4% yellow and 34.5% black. It has a hue angle of 167.5 degrees, a saturation of 52.5% and a lightness of 42.9%. #34a78f color hex could be obtained by blending #68ffff with #004f1f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 65
- B 56
RGB color chart
- C 69
- M 0
- Y 14
- K 35
CMYK color chart

● #34a78f color description : Dark moderate cyan.

The hexadecimal color #34a78f has RGB values of R:52, G:167, B:143 and CMYK values of C:0.69, M:0, Y:0.14, K:0.35. Its decimal value is 3450767.

Hex triplet	34a78f	`#34a78f`
RGB Decimal	52, 167, 143	`rgb(52,167,143)`
RGB Percent	20.4, 65.5, 56.1	`rgb(20.4%,65.5%,56.1%)`
CMYK	69, 0, 14, 35
HSL	167.5°, 52.5, 42.9	`hsl(167.5,52.5%,42.9%)`
HSV (or HSB)	167.5°, 68.9, 65.5
Web Safe	339999	`#339999`

CIE-LAB	61.954, -37.67, 3.145
XYZ	20.191, 30.349, 30.779
xyY	0.248, 0.373, 30.349
CIE-LCH	61.954, 37.801, 175.228
CIE-LUV	61.954, -44.772, 10.266
Hunter-Lab	55.09, -30.985, 5.437
Binary	00110100, 10100111, 10001111

#34a78f
```
#34a78f rgb(52,167,143)
```
#a7344c
```
#a7344c rgb(167,52,76)
```

Complementary Color

#34a756
```
#34a756 rgb(52,167,86)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#3486a7
```
#3486a7 rgb(52,134,167)
```

Analogous Color

#a75634
```
#a75634 rgb(167,86,52)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#a73486
```
#a73486 rgb(167,52,134)
```

Split Complementary Color

#a78f34
```
#a78f34 rgb(167,143,52)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#8f34a7
```
#8f34a7 rgb(143,52,167)
```

Triadic Color

#4ca734
```
#4ca734 rgb(76,167,52)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#8f34a7
```
#8f34a7 rgb(143,52,167)
```
#a7344c
```
#a7344c rgb(167,52,76)
```

Tetradic Color

#226d5d
```
#226d5d rgb(34,109,93)
```
#28806e
```
#28806e rgb(40,128,110)
```
#2e947e
```
#2e947e rgb(46,148,126)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#3abaa0
```
#3abaa0 rgb(58,186,160)
```
#48c6ac
```
#48c6ac rgb(72,198,172)
```
#5bccb5
```
#5bccb5 rgb(91,204,181)
```

Monochromatic Color

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

#34a772
```
#34a772 rgb(52,167,114)
```
#34a77c
```
#34a77c rgb(52,167,124)
```
#34a785
```
#34a785 rgb(52,167,133)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#34a799
```
#34a799 rgb(52,167,153)
```
#34a7a2
```
#34a7a2 rgb(52,167,162)
```
#34a2a7
```
#34a2a7 rgb(52,162,167)
```

Similar Colors

Text with hexadecimal color #34a78f

This text has a font color of #34a78f.

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

#34a78f background color

This paragraph has a background color of #34a78f.

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

#34a78f border color

This element has a border color of #34a78f.

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

CSS codes

.text {color:#34a78f;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#05110f
```
#05110f rgb(5,17,15)
```
#0a201c
```
#0a201c rgb(10,32,28)
```
#0f2f29
```
#0f2f29 rgb(15,47,41)
```
#133e35
```
#133e35 rgb(19,62,53)
```
#184d42
```
#184d42 rgb(24,77,66)
```
#1d5c4f
```
#1d5c4f rgb(29,92,79)
```
#216b5c
```
#216b5c rgb(33,107,92)
```
#267a69
```
#267a69 rgb(38,122,105)
```
#2b8975
```
#2b8975 rgb(43,137,117)
```
#2f9882
```
#2f9882 rgb(47,152,130)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#39b69c
```
#39b69c rgb(57,182,156)
```

Shade Color Variation

#3fc3a8
```
#3fc3a8 rgb(63,195,168)
```
#4ec8ae
```
#4ec8ae rgb(78,200,174)
```
#5dcdb5
```
#5dcdb5 rgb(93,205,181)
```
#6cd1bc
```
#6cd1bc rgb(108,209,188)
```
#7bd6c3
```
#7bd6c3 rgb(123,214,195)
```
#8adbca
```
#8adbca rgb(138,219,202)
```
#99dfd0
```
#99dfd0 rgb(153,223,208)
```
#a8e4d7
```
#a8e4d7 rgb(168,228,215)
```
#b7e8de
```
#b7e8de rgb(183,232,222)
```
#c6ede5
```
#c6ede5 rgb(198,237,229)
```
#d5f2ec
```
#d5f2ec rgb(213,242,236)
```
#e4f6f3
```
#e4f6f3 rgb(228,246,243)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#677472
```
#677472 rgb(103,116,114)
```
#5e7d76
```
#5e7d76 rgb(94,125,118)
```
#56857b
```
#56857b rgb(86,133,123)
```
#4d8e80
```
#4d8e80 rgb(77,142,128)
```
#459685
```
#459685 rgb(69,150,133)
```
#3c9f8a
```
#3c9f8a rgb(60,159,138)
```
#34a78f
```
#34a78f rgb(52,167,143)
```
#2caf94
```
#2caf94 rgb(44,175,148)
```
#23b899
```
#23b899 rgb(35,184,153)
```
#1bc09e
```
#1bc09e rgb(27,192,158)
```
#12c9a3
```
#12c9a3 rgb(18,201,163)
```
#0ad1a8
```
#0ad1a8 rgb(10,209,168)
```
#01daac
```
#01daac rgb(1,218,172)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#728985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19a8c Protanopia 1% of men
#a8969c Deuteranopia 1% of men
#4fa7b3 Tritanopia 0.001% of the population

Trichromacy

#799f8d Protanomaly 1% of men, 0.01% of women
#7e9c97 Deuteranomaly 6% of men, 0.4% of women
#45a7a6 Tritanomaly 0.01% of the population

#34a78f hex color

#34a78f Color Information

#34a78f Color Conversion

Color Schemes with #34a78f

Alternatives to #34a78f

#34a78f Preview

Shades and Tints of #34a78f

Tones of #34a78f

Color Blindness Simulator