#34b5a4 hex color

In a RGB color space, hex #34b5a4 is composed of 20.4% red, 71% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 9.4% yellow and 29% black. It has a hue angle of 172.1 degrees, a saturation of 55.4% and a lightness of 45.7%. #34b5a4 color hex could be obtained by blending #68ffff with #006b49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 20
- G 71
- B 64
RGB color chart
- C 71
- M 0
- Y 9
- K 29
CMYK color chart

● #34b5a4 color description : Moderate cyan.

The hexadecimal color #34b5a4 has RGB values of R:52, G:181, B:164 and CMYK values of C:0.71, M:0, Y:0.09, K:0.29. Its decimal value is 3454372.

Hex triplet	34b5a4	`#34b5a4`
RGB Decimal	52, 181, 164	`rgb(52,181,164)`
RGB Percent	20.4, 71, 64.3	`rgb(20.4%,71%,64.3%)`
CMYK	71, 0, 9, 29
HSL	172.1°, 55.4, 45.7	`hsl(172.1,55.4%,45.7%)`
HSV (or HSB)	172.1°, 71.3, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.867, -38.376, -1.383
XYZ	24.639, 36.456, 40.858
xyY	0.242, 0.358, 36.456
CIE-LCH	66.867, 38.401, 182.064
CIE-LUV	66.867, -48.54, 3.824
Hunter-Lab	60.379, -32.822, 2.144
Binary	00110100, 10110101, 10100100

#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#b53445
```
#b53445 rgb(181,52,69)
```

Complementary Color

#34b564
```
#34b564 rgb(52,181,100)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#3486b5
```
#3486b5 rgb(52,134,181)
```

Analogous Color

#b56434
```
#b56434 rgb(181,100,52)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#b53486
```
#b53486 rgb(181,52,134)
```

Split Complementary Color

#b5a434
```
#b5a434 rgb(181,164,52)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#a434b5
```
#a434b5 rgb(164,52,181)
```

Triadic Color

#45b534
```
#45b534 rgb(69,181,52)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#a434b5
```
#a434b5 rgb(164,52,181)
```
#b53445
```
#b53445 rgb(181,52,69)
```

Tetradic Color

#237a6e
```
#237a6e rgb(35,122,110)
```
#298d80
```
#298d80 rgb(41,141,128)
```
#2ea192
```
#2ea192 rgb(46,161,146)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#3cc7b5
```
#3cc7b5 rgb(60,199,181)
```
#4fcdbc
```
#4fcdbc rgb(79,205,188)
```
#63d2c4
```
#63d2c4 rgb(99,210,196)
```

Monochromatic Color

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

#34b584
```
#34b584 rgb(52,181,132)
```
#34b58f
```
#34b58f rgb(52,181,143)
```
#34b599
```
#34b599 rgb(52,181,153)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#34b5af
```
#34b5af rgb(52,181,175)
```
#34b1b5
```
#34b1b5 rgb(52,177,181)
```
#34a6b5
```
#34a6b5 rgb(52,166,181)
```

Similar Colors

Text with hexadecimal color #34b5a4

This text has a font color of #34b5a4.

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

#34b5a4 background color

This paragraph has a background color of #34b5a4.

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

#34b5a4 border color

This element has a border color of #34b5a4.

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

CSS codes

.text {color:#34b5a4;}

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

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

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

#040d0c
```
#040d0c rgb(4,13,12)
```
#081d1a
```
#081d1a rgb(8,29,26)
```
#0d2c28
```
#0d2c28 rgb(13,44,40)
```
#113b36
```
#113b36 rgb(17,59,54)
```
#154a43
```
#154a43 rgb(21,74,67)
```
#1a5a51
```
#1a5a51 rgb(26,90,81)
```
#1e695f
```
#1e695f rgb(30,105,95)
```
#22786d
```
#22786d rgb(34,120,109)
```
#27877b
```
#27877b rgb(39,135,123)
```
#2b9788
```
#2b9788 rgb(43,151,136)
```
#30a696
```
#30a696 rgb(48,166,150)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#38c4b2
```
#38c4b2 rgb(56,196,178)
```

Shade Color Variation

#46cab9
```
#46cab9 rgb(70,202,185)
```
#56cebe
```
#56cebe rgb(86,206,190)
```
#65d3c4
```
#65d3c4 rgb(101,211,196)
```
#74d7ca
```
#74d7ca rgb(116,215,202)
```
#83dbd0
```
#83dbd0 rgb(131,219,208)
```
#92e0d6
```
#92e0d6 rgb(146,224,214)
```
#a2e4db
```
#a2e4db rgb(162,228,219)
```
#b1e9e1
```
#b1e9e1 rgb(177,233,225)
```
#c0ede7
```
#c0ede7 rgb(192,237,231)
```
#cff1ed
```
#cff1ed rgb(207,241,237)
```
#dff6f3
```
#dff6f3 rgb(223,246,243)
```
#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, #737676 is the less saturated color, while #07e2c5 is the most saturated one.

#737676
```
#737676 rgb(115,118,118)
```
#6a7f7c
```
#6a7f7c rgb(106,127,124)
```
#618883
```
#618883 rgb(97,136,131)
```
#58918a
```
#58918a rgb(88,145,138)
```
#4f9a90
```
#4f9a90 rgb(79,154,144)
```
#46a397
```
#46a397 rgb(70,163,151)
```
#3dac9d
```
#3dac9d rgb(61,172,157)
```
#34b5a4
```
#34b5a4 rgb(52,181,164)
```
#2bbeab
```
#2bbeab rgb(43,190,171)
```
#22c7b1
```
#22c7b1 rgb(34,199,177)
```
#19d0b8
```
#19d0b8 rgb(25,208,184)
```
#10d9be
```
#10d9be rgb(16,217,190)
```
#07e2c5
```
#07e2c5 rgb(7,226,197)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca69f Protanopia 1% of men
#b2a2b0 Deuteranopia 1% of men
#4fb4c2 Tritanopia 0.001% of the population

Trichromacy

#80aba1 Protanomaly 1% of men, 0.01% of women
#84a9ac Deuteranomaly 6% of men, 0.4% of women
#45b4b7 Tritanomaly 0.01% of the population

#34b5a4 hex color

#34b5a4 Color Information

#34b5a4 Color Conversion

Color Schemes with #34b5a4

Alternatives to #34b5a4

#34b5a4 Preview

Shades and Tints of #34b5a4

Tones of #34b5a4

Color Blindness Simulator