#34a393 hex color

In a RGB color space, hex #34a393 is composed of 20.4% red, 63.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 9.8% yellow and 36.1% black. It has a hue angle of 171.4 degrees, a saturation of 51.6% and a lightness of 42.2%. #34a393 color hex could be obtained by blending #68ffff with #004727. Closest websafe color is: #339999.

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

● #34a393 color description : Dark moderate cyan.

The hexadecimal color #34a393 has RGB values of R:52, G:163, B:147 and CMYK values of C:0.68, M:0, Y:0.1, K:0.36. Its decimal value is 3449747.

Hex triplet	34a393	`#34a393`
RGB Decimal	52, 163, 147	`rgb(52,163,147)`
RGB Percent	20.4, 63.9, 57.6	`rgb(20.4%,63.9%,57.6%)`
CMYK	68, 0, 10, 36
HSL	171.4°, 51.6, 42.2	`hsl(171.4,51.6%,42.2%)`
HSV (or HSB)	171.4°, 68.1, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.807, -34.775, -0.771
XYZ	19.778, 29.029, 32.163
xyY	0.244, 0.359, 29.029
CIE-LCH	60.807, 34.784, 181.27
CIE-LUV	60.807, -43.038, 4.126
Hunter-Lab	53.879, -28.763, 2.322
Binary	00110100, 10100011, 10010011

#34a393
```
#34a393 rgb(52,163,147)
```
#a33444
```
#a33444 rgb(163,52,68)
```

Complementary Color

#34a35c
```
#34a35c rgb(52,163,92)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#347ca3
```
#347ca3 rgb(52,124,163)
```

Analogous Color

#a35c34
```
#a35c34 rgb(163,92,52)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#a3347c
```
#a3347c rgb(163,52,124)
```

Split Complementary Color

#a39334
```
#a39334 rgb(163,147,52)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#9334a3
```
#9334a3 rgb(147,52,163)
```

Triadic Color

#44a334
```
#44a334 rgb(68,163,52)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#9334a3
```
#9334a3 rgb(147,52,163)
```
#a33444
```
#a33444 rgb(163,52,68)
```

Tetradic Color

#21695f
```
#21695f rgb(33,105,95)
```
#287c70
```
#287c70 rgb(40,124,112)
```
#2e9082
```
#2e9082 rgb(46,144,130)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#3ab6a4
```
#3ab6a4 rgb(58,182,164)
```
#46c4b2
```
#46c4b2 rgb(70,196,178)
```
#59caba
```
#59caba rgb(89,202,186)
```

Monochromatic Color

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

#34a377
```
#34a377 rgb(52,163,119)
```
#34a381
```
#34a381 rgb(52,163,129)
```
#34a38a
```
#34a38a rgb(52,163,138)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#34a39c
```
#34a39c rgb(52,163,156)
```
#34a1a3
```
#34a1a3 rgb(52,161,163)
```
#3497a3
```
#3497a3 rgb(52,151,163)
```

Similar Colors

Text with hexadecimal color #34a393

This text has a font color of #34a393.

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

#34a393 background color

This paragraph has a background color of #34a393.

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

#34a393 border color

This element has a border color of #34a393.

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

CSS codes

.text {color:#34a393;}

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

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

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, #050e0d is the darkest color, while #feffff is the lightest one.

#050e0d
```
#050e0d rgb(5,14,13)
```
#091d1a
```
#091d1a rgb(9,29,26)
```
#0e2c28
```
#0e2c28 rgb(14,44,40)
```
#133b35
```
#133b35 rgb(19,59,53)
```
#184a43
```
#184a43 rgb(24,74,67)
```
#1c5950
```
#1c5950 rgb(28,89,80)
```
#21685d
```
#21685d rgb(33,104,93)
```
#26766b
```
#26766b rgb(38,118,107)
```
#2b8578
```
#2b8578 rgb(43,133,120)
```
#2f9486
```
#2f9486 rgb(47,148,134)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#39b2a0
```
#39b2a0 rgb(57,178,160)
```
#3dc1ae
```
#3dc1ae rgb(61,193,174)
```

Shade Color Variation

#4cc6b4
```
#4cc6b4 rgb(76,198,180)
```
#5bcbbb
```
#5bcbbb rgb(91,203,187)
```
#6acfc1
```
#6acfc1 rgb(106,207,193)
```
#79d4c7
```
#79d4c7 rgb(121,212,199)
```
#87d9cd
```
#87d9cd rgb(135,217,205)
```
#96ded3
```
#96ded3 rgb(150,222,211)
```
#a5e2da
```
#a5e2da rgb(165,226,218)
```
#b4e7e0
```
#b4e7e0 rgb(180,231,224)
```
#c3ece6
```
#c3ece6 rgb(195,236,230)
```
#d2f1ec
```
#d2f1ec rgb(210,241,236)
```
#e1f5f2
```
#e1f5f2 rgb(225,245,242)
```
#f0faf9
```
#f0faf9 rgb(240,250,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#667170
```
#667170 rgb(102,113,112)
```
#5d7a76
```
#5d7a76 rgb(93,122,118)
```
#55827b
```
#55827b rgb(85,130,123)
```
#4d8a81
```
#4d8a81 rgb(77,138,129)
```
#459287
```
#459287 rgb(69,146,135)
```
#3c9b8d
```
#3c9b8d rgb(60,155,141)
```
#34a393
```
#34a393 rgb(52,163,147)
```
#2cab99
```
#2cab99 rgb(44,171,153)
```
#23b49f
```
#23b49f rgb(35,180,159)
```
#1bbca5
```
#1bbca5 rgb(27,188,165)
```
#13c4ab
```
#13c4ab rgb(19,196,171)
```
#0bccb0
```
#0bccb0 rgb(11,204,176)
```
#02d5b6
```
#02d5b6 rgb(2,213,182)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#718784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9790 Protanopia 1% of men
#a2949f Deuteranopia 1% of men
#4ca4b0 Tritanopia 0.001% of the population

Trichromacy

#769b91 Protanomaly 1% of men, 0.01% of women
#7a999b Deuteranomaly 6% of men, 0.4% of women
#43a3a5 Tritanomaly 0.01% of the population

#34a393 hex color

#34a393 Color Information

#34a393 Color Conversion

Color Schemes with #34a393

Alternatives to #34a393

#34a393 Preview

Shades and Tints of #34a393

Tones of #34a393

Color Blindness Simulator