#34a796 hex color

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

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

● #34a796 color description : Dark moderate cyan.

The hexadecimal color #34a796 has RGB values of R:52, G:167, B:150 and CMYK values of C:0.69, M:0, Y:0.1, K:0.35. Its decimal value is 3450774.

Hex triplet	34a796	`#34a796`
RGB Decimal	52, 167, 150	`rgb(52,167,150)`
RGB Percent	20.4, 65.5, 58.8	`rgb(20.4%,65.5%,58.8%)`
CMYK	69, 0, 10, 35
HSL	171.1°, 52.5, 42.9	`hsl(171.1,52.5%,42.9%)`
HSV (or HSB)	171.1°, 68.9, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.141, -35.805, -0.506
XYZ	20.738, 30.568, 33.66
xyY	0.244, 0.36, 30.568
CIE-LCH	62.141, 35.809, 180.81
CIE-LUV	62.141, -44.33, 4.685
Hunter-Lab	55.288, -29.8, 2.605
Binary	00110100, 10100111, 10010110

#34a796
```
#34a796 rgb(52,167,150)
```
#a73445
```
#a73445 rgb(167,52,69)
```

Complementary Color

#34a75d
```
#34a75d rgb(52,167,93)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#347fa7
```
#347fa7 rgb(52,127,167)
```

Analogous Color

#a75d34
```
#a75d34 rgb(167,93,52)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#a7347f
```
#a7347f rgb(167,52,127)
```

Split Complementary Color

#a79634
```
#a79634 rgb(167,150,52)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#9634a7
```
#9634a7 rgb(150,52,167)
```

Triadic Color

#45a734
```
#45a734 rgb(69,167,52)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#9634a7
```
#9634a7 rgb(150,52,167)
```
#a73445
```
#a73445 rgb(167,52,69)
```

Tetradic Color

#226d62
```
#226d62 rgb(34,109,98)
```
#288073
```
#288073 rgb(40,128,115)
```
#2e9485
```
#2e9485 rgb(46,148,133)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#3abaa7
```
#3abaa7 rgb(58,186,167)
```
#48c6b3
```
#48c6b3 rgb(72,198,179)
```
#5bccbb
```
#5bccbb rgb(91,204,187)
```

Monochromatic Color

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

#34a779
```
#34a779 rgb(52,167,121)
```
#34a783
```
#34a783 rgb(52,167,131)
```
#34a78c
```
#34a78c rgb(52,167,140)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#34a7a0
```
#34a7a0 rgb(52,167,160)
```
#34a5a7
```
#34a5a7 rgb(52,165,167)
```
#349ba7
```
#349ba7 rgb(52,155,167)
```

Similar Colors

Text with hexadecimal color #34a796

This text has a font color of #34a796.

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

#34a796 background color

This paragraph has a background color of #34a796.

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

#34a796 border color

This element has a border color of #34a796.

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

CSS codes

.text {color:#34a796;}

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

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

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 #f3fbfa is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#0a201d
```
#0a201d rgb(10,32,29)
```
#0f2f2b
```
#0f2f2b rgb(15,47,43)
```
#133e38
```
#133e38 rgb(19,62,56)
```
#184d45
```
#184d45 rgb(24,77,69)
```
#1d5c53
```
#1d5c53 rgb(29,92,83)
```
#216b60
```
#216b60 rgb(33,107,96)
```
#267a6e
```
#267a6e rgb(38,122,110)
```
#2b897b
```
#2b897b rgb(43,137,123)
```
#2f9889
```
#2f9889 rgb(47,152,137)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#39b6a3
```
#39b6a3 rgb(57,182,163)
```

Shade Color Variation

#3fc3b0
```
#3fc3b0 rgb(63,195,176)
```
#4ec8b6
```
#4ec8b6 rgb(78,200,182)
```
#5dcdbc
```
#5dcdbc rgb(93,205,188)
```
#6cd1c2
```
#6cd1c2 rgb(108,209,194)
```
#7bd6c8
```
#7bd6c8 rgb(123,214,200)
```
#8adbcf
```
#8adbcf rgb(138,219,207)
```
#99dfd5
```
#99dfd5 rgb(153,223,213)
```
#a8e4db
```
#a8e4db rgb(168,228,219)
```
#b7e8e1
```
#b7e8e1 rgb(183,232,225)
```
#c6ede7
```
#c6ede7 rgb(198,237,231)
```
#d5f2ed
```
#d5f2ed rgb(213,242,237)
```
#e4f6f4
```
#e4f6f4 rgb(228,246,244)
```
#f3fbfa
```
#f3fbfa rgb(243,251,250)
```

Tint Color Variation

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

#677472
```
#677472 rgb(103,116,114)
```
#5e7d78
```
#5e7d78 rgb(94,125,120)
```
#56857e
```
#56857e rgb(86,133,126)
```
#4d8e84
```
#4d8e84 rgb(77,142,132)
```
#45968a
```
#45968a rgb(69,150,138)
```
#3c9f90
```
#3c9f90 rgb(60,159,144)
```
#34a796
```
#34a796 rgb(52,167,150)
```
#2caf9c
```
#2caf9c rgb(44,175,156)
```
#23b8a2
```
#23b8a2 rgb(35,184,162)
```
#1bc0a8
```
#1bc0a8 rgb(27,192,168)
```
#12c9ae
```
#12c9ae rgb(18,201,174)
```
#0ad1b4
```
#0ad1b4 rgb(10,209,180)
```
#01daba
```
#01daba rgb(1,218,186)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#738a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09b92 Protanopia 1% of men
#a697a2 Deuteranopia 1% of men
#4da7b4 Tritanopia 0.001% of the population

Trichromacy

#789f94 Protanomaly 1% of men, 0.01% of women
#7c9d9e Deuteranomaly 6% of men, 0.4% of women
#44a7a9 Tritanomaly 0.01% of the population

#34a796 hex color

#34a796 Color Information

#34a796 Color Conversion

Color Schemes with #34a796

Alternatives to #34a796

#34a796 Preview

Shades and Tints of #34a796

Tones of #34a796

Color Blindness Simulator