#34b4d4 hex color

In a RGB color space, hex #34b4d4 is composed of 20.4% red, 70.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 15.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 192 degrees, a saturation of 65% and a lightness of 51.8%. #34b4d4 color hex could be obtained by blending #68ffff with #0069a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 71
- B 83
RGB color chart
- C 75
- M 15
- Y 0
- K 17
CMYK color chart

● #34b4d4 color description : Strong cyan.

The hexadecimal color #34b4d4 has RGB values of R:52, G:180, B:212 and CMYK values of C:0.75, M:0.15, Y:0, K:0.17. Its decimal value is 3454164.

Hex triplet	34b4d4	`#34b4d4`
RGB Decimal	52, 180, 212	`rgb(52,180,212)`
RGB Percent	20.4, 70.6, 83.1	`rgb(20.4%,70.6%,83.1%)`
CMYK	75, 15, 0, 17
HSL	192°, 65, 51.8	`hsl(192,65%,51.8%)`
HSV (or HSB)	192°, 75.5, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.111, -23.569, -26.003
XYZ	29.618, 38.123, 68.081
xyY	0.218, 0.281, 38.123
CIE-LCH	68.111, 35.094, 227.811
CIE-LUV	68.111, -44.981, -37.622
Hunter-Lab	61.744, -22.428, -22.154
Binary	00110100, 10110100, 11010100

#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#d45434
```
#d45434 rgb(212,84,52)
```

Complementary Color

#34d4a4
```
#34d4a4 rgb(52,212,164)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#3464d4
```
#3464d4 rgb(52,100,212)
```

Analogous Color

#d4a434
```
#d4a434 rgb(212,164,52)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#d43464
```
#d43464 rgb(212,52,100)
```

Split Complementary Color

#b4d434
```
#b4d434 rgb(180,212,52)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#d434b4
```
#d434b4 rgb(212,52,180)
```

Triadic Color

#34d454
```
#34d454 rgb(52,212,84)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#d434b4
```
#d434b4 rgb(212,52,180)
```
#d45434
```
#d45434 rgb(212,84,52)
```

Tetradic Color

#21829b
```
#21829b rgb(33,130,155)
```
#2594b0
```
#2594b0 rgb(37,148,176)
```
#2aa6c5
```
#2aa6c5 rgb(42,166,197)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#49bcd8
```
#49bcd8 rgb(73,188,216)
```
#5ec4dd
```
#5ec4dd rgb(94,196,221)
```
#73cbe1
```
#73cbe1 rgb(115,203,225)
```

Monochromatic Color

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

#34d4cc
```
#34d4cc rgb(52,212,204)
```
#34cfd4
```
#34cfd4 rgb(52,207,212)
```
#34c1d4
```
#34c1d4 rgb(52,193,212)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#34a7d4
```
#34a7d4 rgb(52,167,212)
```
#3499d4
```
#3499d4 rgb(52,153,212)
```
#348cd4
```
#348cd4 rgb(52,140,212)
```

Similar Colors

Text with hexadecimal color #34b4d4

This text has a font color of #34b4d4.

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

#34b4d4 background color

This paragraph has a background color of #34b4d4.

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

#34b4d4 border color

This element has a border color of #34b4d4.

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

CSS codes

.text {color:#34b4d4;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051418
```
#051418 rgb(5,20,24)
```
#082228
```
#082228 rgb(8,34,40)
```
#0c2f38
```
#0c2f38 rgb(12,47,56)
```
#0f3d48
```
#0f3d48 rgb(15,61,72)
```
#134a58
```
#134a58 rgb(19,74,88)
```
#165869
```
#165869 rgb(22,88,105)
```
#1a6679
```
#1a6679 rgb(26,102,121)
```
#1d7389
```
#1d7389 rgb(29,115,137)
```
#208199
```
#208199 rgb(32,129,153)
```
#248fa9
```
#248fa9 rgb(36,143,169)
```
#279cb9
```
#279cb9 rgb(39,156,185)
```
#2baaca
```
#2baaca rgb(43,170,202)
```

Shade Color Variation

#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#44bad7
```
#44bad7 rgb(68,186,215)
```
#54c0db
```
#54c0db rgb(84,192,219)
```
#65c6de
```
#65c6de rgb(101,198,222)
```
#75cce2
```
#75cce2 rgb(117,204,226)
```
#85d2e5
```
#85d2e5 rgb(133,210,229)
```
#95d8e9
```
#95d8e9 rgb(149,216,233)
```
#a5deec
```
#a5deec rgb(165,222,236)
```
#b5e4ef
```
#b5e4ef rgb(181,228,239)
```
#c6eaf3
```
#c6eaf3 rgb(198,234,243)
```
#d6f0f6
```
#d6f0f6 rgb(214,240,246)
```
#e6f6fa
```
#e6f6fa rgb(230,246,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

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

#808788
```
#808788 rgb(128,135,136)
```
#768c92
```
#768c92 rgb(118,140,146)
```
#6d929b
```
#6d929b rgb(109,146,155)
```
#6398a5
```
#6398a5 rgb(99,152,165)
```
#5a9dae
```
#5a9dae rgb(90,157,174)
```
#50a3b8
```
#50a3b8 rgb(80,163,184)
```
#47a9c1
```
#47a9c1 rgb(71,169,193)
```
#3daecb
```
#3daecb rgb(61,174,203)
```
#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#2bbadd
```
#2bbadd rgb(43,186,221)
```
#21bfe7
```
#21bfe7 rgb(33,191,231)
```
#18c5f0
```
#18c5f0 rgb(24,197,240)
```
#0ecbfa
```
#0ecbfa rgb(14,203,250)
```

Tone Color Variation

Below, you can see how #34b4d4 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
#7e989e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a9cc Protanopia 1% of men
#9da8dc Deuteranopia 1% of men
#2ebac8 Tritanopia 0.001% of the population

Trichromacy

#7aadcf Protanomaly 1% of men, 0.01% of women
#77acd9 Deuteranomaly 6% of men, 0.4% of women
#30b8cc Tritanomaly 0.01% of the population

#34b4d4 hex color

#34b4d4 Color Information

#34b4d4 Color Conversion

Color Schemes with #34b4d4

Alternatives to #34b4d4

#34b4d4 Preview

Shades and Tints of #34b4d4

Tones of #34b4d4

Color Blindness Simulator