#34a18f hex color

In a RGB color space, hex #34a18f is composed of 20.4% red, 63.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 0% magenta, 11.2% yellow and 36.9% black. It has a hue angle of 170.1 degrees, a saturation of 51.2% and a lightness of 41.8%. #34a18f color hex could be obtained by blending #68ffff with #00431f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 63
- B 56
RGB color chart
- C 68
- M 0
- Y 11
- K 37
CMYK color chart

● #34a18f color description : Dark moderate cyan.

The hexadecimal color #34a18f has RGB values of R:52, G:161, B:143 and CMYK values of C:0.68, M:0, Y:0.11, K:0.37. Its decimal value is 3449231.

Hex triplet	34a18f	`#34a18f`
RGB Decimal	52, 161, 143	`rgb(52,161,143)`
RGB Percent	20.4, 63.1, 56.1	`rgb(20.4%,63.1%,56.1%)`
CMYK	68, 0, 11, 37
HSL	170.1°, 51.2, 41.8	`hsl(170.1,51.2%,41.8%)`
HSV (or HSB)	170.1°, 67.7, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.07, -34.935, 0.408
XYZ	19.117, 28.201, 30.421
xyY	0.246, 0.363, 28.201
CIE-LCH	60.07, 34.937, 179.331
CIE-LUV	60.07, -42.542, 5.858
Hunter-Lab	53.105, -28.675, 3.209
Binary	00110100, 10100001, 10001111

#34a18f
```
#34a18f rgb(52,161,143)
```
#a13446
```
#a13446 rgb(161,52,70)
```

Complementary Color

#34a159
```
#34a159 rgb(52,161,89)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#347da1
```
#347da1 rgb(52,125,161)
```

Analogous Color

#a15934
```
#a15934 rgb(161,89,52)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#a1347d
```
#a1347d rgb(161,52,125)
```

Split Complementary Color

#a18f34
```
#a18f34 rgb(161,143,52)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#8f34a1
```
#8f34a1 rgb(143,52,161)
```

Triadic Color

#46a134
```
#46a134 rgb(70,161,52)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#8f34a1
```
#8f34a1 rgb(143,52,161)
```
#a13446
```
#a13446 rgb(161,52,70)
```

Tetradic Color

#21675c
```
#21675c rgb(33,103,92)
```
#287a6d
```
#287a6d rgb(40,122,109)
```
#2e8e7e
```
#2e8e7e rgb(46,142,126)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#3ab4a0
```
#3ab4a0 rgb(58,180,160)
```
#45c3ae
```
#45c3ae rgb(69,195,174)
```
#58c9b7
```
#58c9b7 rgb(88,201,183)
```

Monochromatic Color

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

#34a174
```
#34a174 rgb(52,161,116)
```
#34a17d
```
#34a17d rgb(52,161,125)
```
#34a186
```
#34a186 rgb(52,161,134)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#34a198
```
#34a198 rgb(52,161,152)
```
#34a1a1
```
#34a1a1 rgb(52,161,161)
```
#3498a1
```
#3498a1 rgb(52,152,161)
```

Similar Colors

Text with hexadecimal color #34a18f

This text has a font color of #34a18f.

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

#34a18f background color

This paragraph has a background color of #34a18f.

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

#34a18f border color

This element has a border color of #34a18f.

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

CSS codes

.text {color:#34a18f;}

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

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

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#091c18
```
#091c18 rgb(9,28,24)
```
#0e2a26
```
#0e2a26 rgb(14,42,38)
```
#123933
```
#123933 rgb(18,57,51)
```
#174840
```
#174840 rgb(23,72,64)
```
#1c574d
```
#1c574d rgb(28,87,77)
```
#21665a
```
#21665a rgb(33,102,90)
```
#267567
```
#267567 rgb(38,117,103)
```
#2a8375
```
#2a8375 rgb(42,131,117)
```
#2f9282
```
#2f9282 rgb(47,146,130)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#39b09c
```
#39b09c rgb(57,176,156)
```
#3ebfa9
```
#3ebfa9 rgb(62,191,169)
```

Shade Color Variation

#4bc5b1
```
#4bc5b1 rgb(75,197,177)
```
#5acab7
```
#5acab7 rgb(90,202,183)
```
#69cebe
```
#69cebe rgb(105,206,190)
```
#77d3c4
```
#77d3c4 rgb(119,211,196)
```
#86d8cb
```
#86d8cb rgb(134,216,203)
```
#95ddd1
```
#95ddd1 rgb(149,221,209)
```
#a4e2d7
```
#a4e2d7 rgb(164,226,215)
```
#b3e6de
```
#b3e6de rgb(179,230,222)
```
#c2ebe4
```
#c2ebe4 rgb(194,235,228)
```
#d0f0eb
```
#d0f0eb rgb(208,240,235)
```
#dff5f1
```
#dff5f1 rgb(223,245,241)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#65706e
```
#65706e rgb(101,112,110)
```
#5d7874
```
#5d7874 rgb(93,120,116)
```
#558079
```
#558079 rgb(85,128,121)
```
#4d887f
```
#4d887f rgb(77,136,127)
```
#449184
```
#449184 rgb(68,145,132)
```
#3c998a
```
#3c998a rgb(60,153,138)
```
#34a18f
```
#34a18f rgb(52,161,143)
```
#2ca994
```
#2ca994 rgb(44,169,148)
```
#24b19a
```
#24b19a rgb(36,177,154)
```
#1bba9f
```
#1bba9f rgb(27,186,159)
```
#13c2a5
```
#13c2a5 rgb(19,194,165)
```
#0bcaaa
```
#0bcaaa rgb(11,202,170)
```
#03d2b0
```
#03d2b0 rgb(3,210,176)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f8581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b958c Protanopia 1% of men
#a1929b Deuteranopia 1% of men
#4ca2ad Tritanopia 0.001% of the population

Trichromacy

#75998d Protanomaly 1% of men, 0.01% of women
#799797 Deuteranomaly 6% of men, 0.4% of women
#43a1a2 Tritanomaly 0.01% of the population

#34a18f hex color

#34a18f Color Information

#34a18f Color Conversion

Color Schemes with #34a18f

Alternatives to #34a18f

#34a18f Preview

Shades and Tints of #34a18f

Tones of #34a18f

Color Blindness Simulator