#34bab4 hex color

In a RGB color space, hex #34bab4 is composed of 20.4% red, 72.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 0% magenta, 3.2% yellow and 27.1% black. It has a hue angle of 177.3 degrees, a saturation of 56.3% and a lightness of 46.7%. #34bab4 color hex could be obtained by blending #68ffff with #007569. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 73
- B 71
RGB color chart
- C 72
- M 0
- Y 3
- K 27
CMYK color chart

● #34bab4 color description : Moderate cyan.

The hexadecimal color #34bab4 has RGB values of R:52, G:186, B:180 and CMYK values of C:0.72, M:0, Y:0.03, K:0.27. Its decimal value is 3455668.

Hex triplet	34bab4	`#34bab4`
RGB Decimal	52, 186, 180	`rgb(52,186,180)`
RGB Percent	20.4, 72.9, 70.6	`rgb(20.4%,72.9%,70.6%)`
CMYK	72, 0, 3, 27
HSL	177.3°, 56.3, 46.7	`hsl(177.3,56.3%,46.7%)`
HSV (or HSB)	177.3°, 72, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.853, -36.209, -7.277
XYZ	27.211, 39.141, 49.298
xyY	0.235, 0.338, 39.141
CIE-LCH	68.853, 36.933, 191.363
CIE-LUV	68.853, -49.267, -5.528
Hunter-Lab	62.562, -31.848, -2.926
Binary	00110100, 10111010, 10110100

#34bab4
```
#34bab4 rgb(52,186,180)
```
#ba343a
```
#ba343a rgb(186,52,58)
```

Complementary Color

#34ba71
```
#34ba71 rgb(52,186,113)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#347dba
```
#347dba rgb(52,125,186)
```

Analogous Color

#ba7134
```
#ba7134 rgb(186,113,52)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#ba347d
```
#ba347d rgb(186,52,125)
```

Split Complementary Color

#bab434
```
#bab434 rgb(186,180,52)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#b434ba
```
#b434ba rgb(180,52,186)
```

Triadic Color

#3aba34
```
#3aba34 rgb(58,186,52)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#b434ba
```
#b434ba rgb(180,52,186)
```
#ba343a
```
#ba343a rgb(186,52,58)
```

Tetradic Color

#237e7a
```
#237e7a rgb(35,126,122)
```
#29928d
```
#29928d rgb(41,146,141)
```
#2ea6a1
```
#2ea6a1 rgb(46,166,161)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#3ec9c3
```
#3ec9c3 rgb(62,201,195)
```
#52cfc9
```
#52cfc9 rgb(82,207,201)
```
#66d4cf
```
#66d4cf rgb(102,212,207)
```

Monochromatic Color

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

#34ba93
```
#34ba93 rgb(52,186,147)
```
#34ba9e
```
#34ba9e rgb(52,186,158)
```
#34baa9
```
#34baa9 rgb(52,186,169)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#34b5ba
```
#34b5ba rgb(52,181,186)
```
#34aaba
```
#34aaba rgb(52,170,186)
```
#349fba
```
#349fba rgb(52,159,186)
```

Similar Colors

Text with hexadecimal color #34bab4

This text has a font color of #34bab4.

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

#34bab4 background color

This paragraph has a background color of #34bab4.

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

#34bab4 border color

This element has a border color of #34bab4.

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

CSS codes

.text {color:#34bab4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051111
```
#051111 rgb(5,17,17)
```
#092120
```
#092120 rgb(9,33,32)
```
#0d302e
```
#0d302e rgb(13,48,46)
```
#123f3d
```
#123f3d rgb(18,63,61)
```
#164f4c
```
#164f4c rgb(22,79,76)
```
#1a5e5b
```
#1a5e5b rgb(26,94,91)
```
#1f6d6a
```
#1f6d6a rgb(31,109,106)
```
#237d79
```
#237d79 rgb(35,125,121)
```
#278c87
```
#278c87 rgb(39,140,135)
```
#2b9b96
```
#2b9b96 rgb(43,155,150)
```
#30aba5
```
#30aba5 rgb(48,171,165)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```

Shade Color Variation

#3ac8c1
```
#3ac8c1 rgb(58,200,193)
```
#49ccc6
```
#49ccc6 rgb(73,204,198)
```
#58d0cb
```
#58d0cb rgb(88,208,203)
```
#68d5d0
```
#68d5d0 rgb(104,213,208)
```
#77d9d5
```
#77d9d5 rgb(119,217,213)
```
#86ddd9
```
#86ddd9 rgb(134,221,217)
```
#96e2de
```
#96e2de rgb(150,226,222)
```
#a5e6e3
```
#a5e6e3 rgb(165,230,227)
```
#b4eae8
```
#b4eae8 rgb(180,234,232)
```
#c4eeed
```
#c4eeed rgb(196,238,237)
```
#d3f3f1
```
#d3f3f1 rgb(211,243,241)
```
#e2f7f6
```
#e2f7f6 rgb(226,247,246)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a7a is the less saturated color, while #06e8de is the most saturated one.

#747a7a
```
#747a7a rgb(116,122,122)
```
#6b8382
```
#6b8382 rgb(107,131,130)
```
#628c8a
```
#628c8a rgb(98,140,138)
```
#599593
```
#599593 rgb(89,149,147)
```
#4f9f9b
```
#4f9f9b rgb(79,159,155)
```
#46a8a3
```
#46a8a3 rgb(70,168,163)
```
#3db1ac
```
#3db1ac rgb(61,177,172)
```
#34bab4
```
#34bab4 rgb(52,186,180)
```
#2bc3bc
```
#2bc3bc rgb(43,195,188)
```
#22ccc5
```
#22ccc5 rgb(34,204,197)
```
#19d5cd
```
#19d5cd rgb(25,213,205)
```
#0fdfd5
```
#0fdfd5 rgb(15,223,213)
```
#06e8de
```
#06e8de rgb(6,232,222)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e9998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabae Protanopia 1% of men
#b3a8bf Deuteranopia 1% of men
#4abac8 Tritanopia 0.001% of the population

Trichromacy

#82b0b0 Protanomaly 1% of men, 0.01% of women
#84aebb Deuteranomaly 6% of men, 0.4% of women
#42bac1 Tritanomaly 0.01% of the population

#34bab4 hex color

#34bab4 Color Information

#34bab4 Color Conversion

Color Schemes with #34bab4

Alternatives to #34bab4

#34bab4 Preview

Shades and Tints of #34bab4

Tones of #34bab4

Color Blindness Simulator