colorhexa.com

#34c4a5 hex color

In a RGB color space, hex #34c4a5 is composed of 20.4% red, 76.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 0% magenta, 15.8% yellow and 23.1% black. It has a hue angle of 167.1 degrees, a saturation of 58.1% and a lightness of 48.6%. #34c4a5 color hex could be obtained by blending #68ffff with #00894b. Closest websafe color is: #33cc99.

- R 20
- G 77
- B 65
RGB color chart
- C 73
- M 0
- Y 16
- K 23
CMYK color chart

● #34c4a5 color description : Moderate cyan.

The hexadecimal color #34c4a5 has RGB values of R:52, G:196, B:165 and CMYK values of C:0.73, M:0, Y:0.16, K:0.23. Its decimal value is 3458213.

Hex triplet	34c4a5	`#34c4a5`
RGB Decimal	52, 196, 165	`rgb(52,196,165)`
RGB Percent	20.4, 76.9, 64.7	`rgb(20.4%,76.9%,64.7%)`
CMYK	73, 0, 16, 23
HSL	167.1°, 58.1, 48.6	`hsl(167.1,58.1%,48.6%)`
HSV (or HSB)	167.1°, 73.5, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.503, -44.694, 4.81
XYZ	27.945, 42.924, 42.408
xyY	0.247, 0.379, 42.924
CIE-LCH	71.503, 44.952, 173.857
CIE-LUV	71.503, -53.861, 14.079
Hunter-Lab	65.516, -38.516, 7.484
Binary	00110100, 11000100, 10100101

#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#c43453
```
#c43453 rgb(196,52,83)
```

Complementary Color

#34c45d
```
#34c45d rgb(52,196,93)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#349bc4
```
#349bc4 rgb(52,155,196)
```

Analogous Color

#c45d34
```
#c45d34 rgb(196,93,52)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#c4349b
```
#c4349b rgb(196,52,155)
```

Split Complementary Color

#c4a534
```
#c4a534 rgb(196,165,52)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#a534c4
```
#a534c4 rgb(165,52,196)
```

Triadic Color

#53c434
```
#53c434 rgb(83,196,52)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#a534c4
```
#a534c4 rgb(165,52,196)
```
#c43453
```
#c43453 rgb(196,52,83)
```

Tetradic Color

#248872
```
#248872 rgb(36,136,114)
```
#299c83
```
#299c83 rgb(41,156,131)
```
#2fb094
```
#2fb094 rgb(47,176,148)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#44cdb0
```
#44cdb0 rgb(68,205,176)
```
#58d3b8
```
#58d3b8 rgb(88,211,184)
```
#6cd8c1
```
#6cd8c1 rgb(108,216,193)
```

Monochromatic Color

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

#34c481
```
#34c481 rgb(52,196,129)
```
#34c48d
```
#34c48d rgb(52,196,141)
```
#34c499
```
#34c499 rgb(52,196,153)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#34c4b1
```
#34c4b1 rgb(52,196,177)
```
#34c4bd
```
#34c4bd rgb(52,196,189)
```
#34bfc4
```
#34bfc4 rgb(52,191,196)
```

Similar Colors

Text with hexadecimal color #34c4a5

This text has a font color of #34c4a5.

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

#34c4a5 background color

This paragraph has a background color of #34c4a5.

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

#34c4a5 border color

This element has a border color of #34c4a5.

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

CSS codes

.text {color:#34c4a5;}

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

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

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, #030a08 is the darkest color, while #f9fefd is the lightest one.

#030a08
```
#030a08 rgb(3,10,8)
```
#071915
```
#071915 rgb(7,25,21)
```
#0b2922
```
#0b2922 rgb(11,41,34)
```
#0f3830
```
#0f3830 rgb(15,56,48)
```
#13483d
```
#13483d rgb(19,72,61)
```
#17574a
```
#17574a rgb(23,87,74)
```
#1b6757
```
#1b6757 rgb(27,103,87)
```
#1f7664
```
#1f7664 rgb(31,118,100)
```
#248671
```
#248671 rgb(36,134,113)
```
#28957e
```
#28957e rgb(40,149,126)
```
#2ca58b
```
#2ca58b rgb(44,165,139)
```
#30b498
```
#30b498 rgb(48,180,152)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```

Shade Color Variation

#3fccae
```
#3fccae rgb(63,204,174)
```
#4fd0b4
```
#4fd0b4 rgb(79,208,180)
```
#5ed4bb
```
#5ed4bb rgb(94,212,187)
```
#6ed9c2
```
#6ed9c2 rgb(110,217,194)
```
#7dddc8
```
#7dddc8 rgb(125,221,200)
```
#8de1cf
```
#8de1cf rgb(141,225,207)
```
#9ce5d5
```
#9ce5d5 rgb(156,229,213)
```
#ace9dc
```
#ace9dc rgb(172,233,220)
```
#bbede2
```
#bbede2 rgb(187,237,226)
```
#cbf1e9
```
#cbf1e9 rgb(203,241,233)
```
#daf5f0
```
#daf5f0 rgb(218,245,240)
```
#eaf9f6
```
#eaf9f6 rgb(234,249,246)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77817f is the less saturated color, while #04f4c0 is the most saturated one.

#77817f
```
#77817f rgb(119,129,127)
```
#6d8b84
```
#6d8b84 rgb(109,139,132)
```
#64948a
```
#64948a rgb(100,148,138)
```
#5a9e8f
```
#5a9e8f rgb(90,158,143)
```
#51a795
```
#51a795 rgb(81,167,149)
```
#47b19a
```
#47b19a rgb(71,177,154)
```
#3ebaa0
```
#3ebaa0 rgb(62,186,160)
```
#34c4a5
```
#34c4a5 rgb(52,196,165)
```
#2aceaa
```
#2aceaa rgb(42,206,170)
```
#21d7b0
```
#21d7b0 rgb(33,215,176)
```
#17e1b5
```
#17e1b5 rgb(23,225,181)
```
#0eeabb
```
#0eeabb rgb(14,234,187)
```
#04f4c0
```
#04f4c0 rgb(4,244,192)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#829e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb29f Protanopia 1% of men
#c3adb2 Deuteranopia 1% of men
#56c1cf Tritanopia 0.001% of the population

Trichromacy

#89b9a1 Protanomaly 1% of men, 0.01% of women
#8fb5ad Deuteranomaly 6% of men, 0.4% of women
#4ac2c0 Tritanomaly 0.01% of the population