#34a4a0 hex color

In a RGB color space, hex #34a4a0 is composed of 20.4% red, 64.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 0% magenta, 2.4% yellow and 35.7% black. It has a hue angle of 177.9 degrees, a saturation of 51.9% and a lightness of 42.4%. #34a4a0 color hex could be obtained by blending #68ffff with #004941. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 64
- B 63
RGB color chart
- C 68
- M 0
- Y 2
- K 36
CMYK color chart

● #34a4a0 color description : Dark moderate cyan.

The hexadecimal color #34a4a0 has RGB values of R:52, G:164, B:160 and CMYK values of C:0.68, M:0, Y:0.02, K:0.36. Its decimal value is 3450016.

Hex triplet	34a4a0	`#34a4a0`
RGB Decimal	52, 164, 160	`rgb(52,164,160)`
RGB Percent	20.4, 64.3, 62.7	`rgb(20.4%,64.3%,62.7%)`
CMYK	68, 0, 2, 36
HSL	177.9°, 51.9, 42.4	`hsl(177.9,51.9%,42.4%)`
HSV (or HSB)	177.9°, 68.3, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.496, -31.597, -7.077
XYZ	21.035, 29.817, 37.902
xyY	0.237, 0.336, 29.817
CIE-LCH	61.496, 32.38, 192.624
CIE-LUV	61.496, -42.587, -5.793
Hunter-Lab	54.605, -26.798, -2.931
Binary	00110100, 10100100, 10100000

#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#a43438
```
#a43438 rgb(164,52,56)
```

Complementary Color

#34a468
```
#34a468 rgb(52,164,104)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#3470a4
```
#3470a4 rgb(52,112,164)
```

Analogous Color

#a46834
```
#a46834 rgb(164,104,52)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#a43470
```
#a43470 rgb(164,52,112)
```

Split Complementary Color

#a4a034
```
#a4a034 rgb(164,160,52)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#a034a4
```
#a034a4 rgb(160,52,164)
```

Triadic Color

#38a434
```
#38a434 rgb(56,164,52)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#a034a4
```
#a034a4 rgb(160,52,164)
```
#a43438
```
#a43438 rgb(164,52,56)
```

Tetradic Color

#226a67
```
#226a67 rgb(34,106,103)
```
#287d7a
```
#287d7a rgb(40,125,122)
```
#2e918d
```
#2e918d rgb(46,145,141)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#3ab7b3
```
#3ab7b3 rgb(58,183,179)
```
#47c5c0
```
#47c5c0 rgb(71,197,192)
```
#5acbc7
```
#5acbc7 rgb(90,203,199)
```

Monochromatic Color

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

#34a484
```
#34a484 rgb(52,164,132)
```
#34a48d
```
#34a48d rgb(52,164,141)
```
#34a497
```
#34a497 rgb(52,164,151)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#349fa4
```
#349fa4 rgb(52,159,164)
```
#3495a4
```
#3495a4 rgb(52,149,164)
```
#348ca4
```
#348ca4 rgb(52,140,164)
```

Similar Colors

Text with hexadecimal color #34a4a0

This text has a font color of #34a4a0.

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

#34a4a0 background color

This paragraph has a background color of #34a4a0.

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

#34a4a0 border color

This element has a border color of #34a4a0.

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

CSS codes

.text {color:#34a4a0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1e1d
```
#0a1e1d rgb(10,30,29)
```
#0e2d2c
```
#0e2d2c rgb(14,45,44)
```
#133c3a
```
#133c3a rgb(19,60,58)
```
#184b49
```
#184b49 rgb(24,75,73)
```
#1c5a57
```
#1c5a57 rgb(28,90,87)
```
#216866
```
#216866 rgb(33,104,102)
```
#267774
```
#267774 rgb(38,119,116)
```
#2b8683
```
#2b8683 rgb(43,134,131)
```
#2f9591
```
#2f9591 rgb(47,149,145)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#39b3af
```
#39b3af rgb(57,179,175)
```

Shade Color Variation

#3ec2bd
```
#3ec2bd rgb(62,194,189)
```
#4cc6c2
```
#4cc6c2 rgb(76,198,194)
```
#5bcbc7
```
#5bcbc7 rgb(91,203,199)
```
#6ad0cc
```
#6ad0cc rgb(106,208,204)
```
#79d5d1
```
#79d5d1 rgb(121,213,209)
```
#88d9d6
```
#88d9d6 rgb(136,217,214)
```
#97dedb
```
#97dedb rgb(151,222,219)
```
#a6e3e1
```
#a6e3e1 rgb(166,227,225)
```
#b5e7e6
```
#b5e7e6 rgb(181,231,230)
```
#c4eceb
```
#c4eceb rgb(196,236,235)
```
#d2f1f0
```
#d2f1f0 rgb(210,241,240)
```
#e1f6f5
```
#e1f6f5 rgb(225,246,245)
```
#f0fafa
```
#f0fafa rgb(240,250,250)
```

Tint Color Variation

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

#667272
```
#667272 rgb(102,114,114)
```
#5e7a79
```
#5e7a79 rgb(94,122,121)
```
#558381
```
#558381 rgb(85,131,129)
```
#4d8b89
```
#4d8b89 rgb(77,139,137)
```
#459391
```
#459391 rgb(69,147,145)
```
#3c9c98
```
#3c9c98 rgb(60,156,152)
```
#34a4a0
```
#34a4a0 rgb(52,164,160)
```
#2caca8
```
#2caca8 rgb(44,172,168)
```
#23b5af
```
#23b5af rgb(35,181,175)
```
#1bbdb7
```
#1bbdb7 rgb(27,189,183)
```
#13c5bf
```
#13c5bf rgb(19,197,191)
```
#0acec7
```
#0acec7 rgb(10,206,199)
```
#02d6ce
```
#02d6ce rgb(2,214,206)
```

Tone Color Variation

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

Dichromacy

#9b999c Protanopia 1% of men
#9f96ab Deuteranopia 1% of men
#47a6b2 Tritanopia 0.001% of the population

Trichromacy

#769d9d Protanomaly 1% of men, 0.01% of women
#789ba7 Deuteranomaly 6% of men, 0.4% of women
#40a5ab Tritanomaly 0.01% of the population

#34a4a0 hex color

#34a4a0 Color Information

#34a4a0 Color Conversion

Color Schemes with #34a4a0

Alternatives to #34a4a0

#34a4a0 Preview

Shades and Tints of #34a4a0

Tones of #34a4a0

Color Blindness Simulator