#34bdd4 hex color

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

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

● #34bdd4 color description : Strong cyan.

The hexadecimal color #34bdd4 has RGB values of R:52, G:189, B:212 and CMYK values of C:0.75, M:0.11, Y:0, K:0.17. Its decimal value is 3456468.

Hex triplet	34bdd4	`#34bdd4`
RGB Decimal	52, 189, 212	`rgb(52,189,212)`
RGB Percent	20.4, 74.1, 83.1	`rgb(20.4%,74.1%,83.1%)`
CMYK	75, 11, 0, 17
HSL	188.6°, 65, 51.8	`hsl(188.6,65%,51.8%)`
HSV (or HSB)	188.6°, 75.5, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.785, -28.082, -21.915
XYZ	31.494, 41.876, 68.707
xyY	0.222, 0.295, 41.876
CIE-LCH	70.785, 35.621, 217.968
CIE-LUV	70.785, -48.153, -30.378
Hunter-Lab	64.712, -26.372, -17.652
Binary	00110100, 10111101, 11010100

#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#d44b34
```
#d44b34 rgb(212,75,52)
```

Complementary Color

#34d49b
```
#34d49b rgb(52,212,155)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#346dd4
```
#346dd4 rgb(52,109,212)
```

Analogous Color

#d49b34
```
#d49b34 rgb(212,155,52)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#d4346d
```
#d4346d rgb(212,52,109)
```

Split Complementary Color

#bdd434
```
#bdd434 rgb(189,212,52)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#d434bd
```
#d434bd rgb(212,52,189)
```

Triadic Color

#34d44b
```
#34d44b rgb(52,212,75)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#d434bd
```
#d434bd rgb(212,52,189)
```
#d44b34
```
#d44b34 rgb(212,75,52)
```

Tetradic Color

#21899b
```
#21899b rgb(33,137,155)
```
#259cb0
```
#259cb0 rgb(37,156,176)
```
#2aafc5
```
#2aafc5 rgb(42,175,197)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#49c4d8
```
#49c4d8 rgb(73,196,216)
```
#5ecbdd
```
#5ecbdd rgb(94,203,221)
```
#73d2e1
```
#73d2e1 rgb(115,210,225)
```

Monochromatic Color

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

#34d4c3
```
#34d4c3 rgb(52,212,195)
```
#34d4d0
```
#34d4d0 rgb(52,212,208)
```
#34cad4
```
#34cad4 rgb(52,202,212)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#34a2d4
```
#34a2d4 rgb(52,162,212)
```
#3495d4
```
#3495d4 rgb(52,149,212)
```

Similar Colors

Text with hexadecimal color #34bdd4

This text has a font color of #34bdd4.

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

#34bdd4 background color

This paragraph has a background color of #34bdd4.

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

#34bdd4 border color

This element has a border color of #34bdd4.

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

CSS codes

.text {color:#34bdd4;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#051518
```
#051518 rgb(5,21,24)
```
#082328
```
#082328 rgb(8,35,40)
```
#0c3238
```
#0c3238 rgb(12,50,56)
```
#0f4048
```
#0f4048 rgb(15,64,72)
```
#134e58
```
#134e58 rgb(19,78,88)
```
#165d69
```
#165d69 rgb(22,93,105)
```
#1a6b79
```
#1a6b79 rgb(26,107,121)
```
#1d7989
```
#1d7989 rgb(29,121,137)
```
#208899
```
#208899 rgb(32,136,153)
```
#2496a9
```
#2496a9 rgb(36,150,169)
```
#27a4b9
```
#27a4b9 rgb(39,164,185)
```
#2bb3ca
```
#2bb3ca rgb(43,179,202)
```

Shade Color Variation

#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#44c2d7
```
#44c2d7 rgb(68,194,215)
```
#54c8db
```
#54c8db rgb(84,200,219)
```
#65cdde
```
#65cdde rgb(101,205,222)
```
#75d2e2
```
#75d2e2 rgb(117,210,226)
```
#85d7e5
```
#85d7e5 rgb(133,215,229)
```
#95dde9
```
#95dde9 rgb(149,221,233)
```
#a5e2ec
```
#a5e2ec rgb(165,226,236)
```
#b5e7ef
```
#b5e7ef rgb(181,231,239)
```
#c6ecf3
```
#c6ecf3 rgb(198,236,243)
```
#d6f2f6
```
#d6f2f6 rgb(214,242,246)
```
#e6f7fa
```
#e6f7fa rgb(230,247,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 #0ed8fa is the most saturated one.

#808788
```
#808788 rgb(128,135,136)
```
#768e92
```
#768e92 rgb(118,142,146)
```
#6d959b
```
#6d959b rgb(109,149,155)
```
#639ba5
```
#639ba5 rgb(99,155,165)
```
#5aa2ae
```
#5aa2ae rgb(90,162,174)
```
#50a9b8
```
#50a9b8 rgb(80,169,184)
```
#47b0c1
```
#47b0c1 rgb(71,176,193)
```
#3db6cb
```
#3db6cb rgb(61,182,203)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#2bc4dd
```
#2bc4dd rgb(43,196,221)
```
#21cae7
```
#21cae7 rgb(33,202,231)
```
#18d1f0
```
#18d1f0 rgb(24,209,240)
```
#0ed8fa
```
#0ed8fa rgb(14,216,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#839fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cc Protanopia 1% of men
#a9aedd Deuteranopia 1% of men
#37c1cf Tritanopia 0.001% of the population

Trichromacy

#80b4cf Protanomaly 1% of men, 0.01% of women
#7eb3d9 Deuteranomaly 6% of men, 0.4% of women
#36bfd1 Tritanomaly 0.01% of the population

#34bdd4 hex color

#34bdd4 Color Information

#34bdd4 Color Conversion

Color Schemes with #34bdd4

Alternatives to #34bdd4

#34bdd4 Preview

Shades and Tints of #34bdd4

Tones of #34bdd4

Color Blindness Simulator