#34cab4 hex color

In a RGB color space, hex #34cab4 is composed of 20.4% red, 79.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 10.9% yellow and 20.8% black. It has a hue angle of 171.2 degrees, a saturation of 59.1% and a lightness of 49.8%. #34cab4 color hex could be obtained by blending #68ffff with #009569. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 79
- B 71
RGB color chart
- C 74
- M 0
- Y 11
- K 21
CMYK color chart

● #34cab4 color description : Moderate cyan.

The hexadecimal color #34cab4 has RGB values of R:52, G:202, B:180 and CMYK values of C:0.74, M:0, Y:0.11, K:0.21. Its decimal value is 3459764.

Hex triplet	34cab4	`#34cab4`
RGB Decimal	52, 202, 180	`rgb(52,202,180)`
RGB Percent	20.4, 79.2, 70.6	`rgb(20.4%,79.2%,70.6%)`
CMYK	74, 0, 11, 21
HSL	171.2°, 59.1, 49.8	`hsl(171.2,59.1%,49.8%)`
HSV (or HSB)	171.2°, 74.3, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.716, -43.379, -0.115
XYZ	30.772, 46.263, 50.485
xyY	0.241, 0.363, 46.263
CIE-LCH	73.716, 43.379, 180.152
CIE-LUV	73.716, -54.966, 6.589
Hunter-Lab	68.017, -38.274, 3.604
Binary	00110100, 11001010, 10110100

#34cab4
```
#34cab4 rgb(52,202,180)
```
#ca344a
```
#ca344a rgb(202,52,74)
```

Complementary Color

#34ca69
```
#34ca69 rgb(52,202,105)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#3495ca
```
#3495ca rgb(52,149,202)
```

Analogous Color

#ca6934
```
#ca6934 rgb(202,105,52)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#ca3495
```
#ca3495 rgb(202,52,149)
```

Split Complementary Color

#cab434
```
#cab434 rgb(202,180,52)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#b434ca
```
#b434ca rgb(180,52,202)
```

Triadic Color

#4aca34
```
#4aca34 rgb(74,202,52)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#b434ca
```
#b434ca rgb(180,52,202)
```
#ca344a
```
#ca344a rgb(202,52,74)
```

Tetradic Color

#248d7e
```
#248d7e rgb(36,141,126)
```
#2aa190
```
#2aa190 rgb(42,161,144)
```
#2fb6a2
```
#2fb6a2 rgb(47,182,162)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#48d0bc
```
#48d0bc rgb(72,208,188)
```
#5cd5c3
```
#5cd5c3 rgb(92,213,195)
```
#70dacb
```
#70dacb rgb(112,218,203)
```

Monochromatic Color

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

#34ca8f
```
#34ca8f rgb(52,202,143)
```
#34ca9b
```
#34ca9b rgb(52,202,155)
```
#34caa8
```
#34caa8 rgb(52,202,168)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#34cac1
```
#34cac1 rgb(52,202,193)
```
#34c7ca
```
#34c7ca rgb(52,199,202)
```
#34bbca
```
#34bbca rgb(52,187,202)
```

Similar Colors

Text with hexadecimal color #34cab4

This text has a font color of #34cab4.

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

#34cab4 background color

This paragraph has a background color of #34cab4.

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

#34cab4 border color

This element has a border color of #34cab4.

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

CSS codes

.text {color:#34cab4;}

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

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

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

#040f0d
```
#040f0d rgb(4,15,13)
```
#081e1b
```
#081e1b rgb(8,30,27)
```
#0c2e29
```
#0c2e29 rgb(12,46,41)
```
#103e37
```
#103e37 rgb(16,62,55)
```
#144d45
```
#144d45 rgb(20,77,69)
```
#185d53
```
#185d53 rgb(24,93,83)
```
#1c6c61
```
#1c6c61 rgb(28,108,97)
```
#207c6e
```
#207c6e rgb(32,124,110)
```
#248c7c
```
#248c7c rgb(36,140,124)
```
#289b8a
```
#289b8a rgb(40,155,138)
```
#2cab98
```
#2cab98 rgb(44,171,152)
```
#30baa6
```
#30baa6 rgb(48,186,166)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```

Shade Color Variation

#43cfba
```
#43cfba rgb(67,207,186)
```
#53d3c0
```
#53d3c0 rgb(83,211,192)
```
#62d7c6
```
#62d7c6 rgb(98,215,198)
```
#72dbcb
```
#72dbcb rgb(114,219,203)
```
#81dfd1
```
#81dfd1 rgb(129,223,209)
```
#91e3d7
```
#91e3d7 rgb(145,227,215)
```
#a1e7dc
```
#a1e7dc rgb(161,231,220)
```
#b0ebe2
```
#b0ebe2 rgb(176,235,226)
```
#c0efe8
```
#c0efe8 rgb(192,239,232)
```
#cff3ee
```
#cff3ee rgb(207,243,238)
```
#dff7f3
```
#dff7f3 rgb(223,247,243)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#788684
```
#788684 rgb(120,134,132)
```
#6f8f8b
```
#6f8f8b rgb(111,143,139)
```
#659991
```
#659991 rgb(101,153,145)
```
#5ba398
```
#5ba398 rgb(91,163,152)
```
#51ad9f
```
#51ad9f rgb(81,173,159)
```
#48b6a6
```
#48b6a6 rgb(72,182,166)
```
#3ec0ad
```
#3ec0ad rgb(62,192,173)
```
#34cab4
```
#34cab4 rgb(52,202,180)
```
#2ad4bb
```
#2ad4bb rgb(42,212,187)
```
#20dec2
```
#20dec2 rgb(32,222,194)
```
#17e7c9
```
#17e7c9 rgb(23,231,201)
```
#0df1d0
```
#0df1d0 rgb(13,241,208)
```
#03fbd7
```
#03fbd7 rgb(3,251,215)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb8ad Protanopia 1% of men
#c6b3c0 Deuteranopia 1% of men
#54c8d6 Tritanopia 0.001% of the population

Trichromacy

#8cbeaf Protanomaly 1% of men, 0.01% of women
#91bbbc Deuteranomaly 6% of men, 0.4% of women
#48c8ca Tritanomaly 0.01% of the population

#34cab4 hex color

#34cab4 Color Information

#34cab4 Color Conversion

Color Schemes with #34cab4

Alternatives to #34cab4

#34cab4 Preview

Shades and Tints of #34cab4

Tones of #34cab4

Color Blindness Simulator