#34aed4 hex color

In a RGB color space, hex #34aed4 is composed of 20.4% red, 68.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 17.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 194.3 degrees, a saturation of 65% and a lightness of 51.8%. #34aed4 color hex could be obtained by blending #68ffff with #005da9. Closest websafe color is: #3399cc.

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

● #34aed4 color description : Strong cyan.

The hexadecimal color #34aed4 has RGB values of R:52, G:174, B:212 and CMYK values of C:0.75, M:0.18, Y:0, K:0.17. Its decimal value is 3452628.

Hex triplet	34aed4	`#34aed4`
RGB Decimal	52, 174, 212	`rgb(52,174,212)`
RGB Percent	20.4, 68.2, 83.1	`rgb(20.4%,68.2%,83.1%)`
CMYK	75, 18, 0, 17
HSL	194.3°, 65, 51.8	`hsl(194.3,65%,51.8%)`
HSV (or HSB)	194.3°, 75.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.331, -20.477, -28.741
XYZ	28.433, 35.753, 67.686
xyY	0.216, 0.271, 35.753
CIE-LCH	66.331, 35.289, 234.532
CIE-LUV	66.331, -42.867, -42.459
Hunter-Lab	59.794, -19.76, -25.26
Binary	00110100, 10101110, 11010100

#34aed4
```
#34aed4 rgb(52,174,212)
```
#d45a34
```
#d45a34 rgb(212,90,52)
```

Complementary Color

#34d4aa
```
#34d4aa rgb(52,212,170)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#345ed4
```
#345ed4 rgb(52,94,212)
```

Analogous Color

#d4aa34
```
#d4aa34 rgb(212,170,52)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#d4345e
```
#d4345e rgb(212,52,94)
```

Split Complementary Color

#aed434
```
#aed434 rgb(174,212,52)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#d434ae
```
#d434ae rgb(212,52,174)
```

Triadic Color

#34d45a
```
#34d45a rgb(52,212,90)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#d434ae
```
#d434ae rgb(212,52,174)
```
#d45a34
```
#d45a34 rgb(212,90,52)
```

Tetradic Color

#217e9b
```
#217e9b rgb(33,126,155)
```
#258fb0
```
#258fb0 rgb(37,143,176)
```
#2aa0c5
```
#2aa0c5 rgb(42,160,197)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#49b6d8
```
#49b6d8 rgb(73,182,216)
```
#5ebfdd
```
#5ebfdd rgb(94,191,221)
```
#73c7e1
```
#73c7e1 rgb(115,199,225)
```

Monochromatic Color

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

#34d4d2
```
#34d4d2 rgb(52,212,210)
```
#34c9d4
```
#34c9d4 rgb(52,201,212)
```
#34bbd4
```
#34bbd4 rgb(52,187,212)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#34a1d4
```
#34a1d4 rgb(52,161,212)
```
#3493d4
```
#3493d4 rgb(52,147,212)
```
#3486d4
```
#3486d4 rgb(52,134,212)
```

Similar Colors

Text with hexadecimal color #34aed4

This text has a font color of #34aed4.

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

#34aed4 background color

This paragraph has a background color of #34aed4.

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

#34aed4 border color

This element has a border color of #34aed4.

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

CSS codes

.text {color:#34aed4;}

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

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

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)
```
#051318
```
#051318 rgb(5,19,24)
```
#082028
```
#082028 rgb(8,32,40)
```
#0c2e38
```
#0c2e38 rgb(12,46,56)
```
#0f3b48
```
#0f3b48 rgb(15,59,72)
```
#134858
```
#134858 rgb(19,72,88)
```
#165569
```
#165569 rgb(22,85,105)
```
#1a6279
```
#1a6279 rgb(26,98,121)
```
#1d6f89
```
#1d6f89 rgb(29,111,137)
```
#207c99
```
#207c99 rgb(32,124,153)
```
#248aa9
```
#248aa9 rgb(36,138,169)
```
#2797b9
```
#2797b9 rgb(39,151,185)
```
#2ba4ca
```
#2ba4ca rgb(43,164,202)
```

Shade Color Variation

#34aed4
```
#34aed4 rgb(52,174,212)
```
#44b4d7
```
#44b4d7 rgb(68,180,215)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#65c1de
```
#65c1de rgb(101,193,222)
```
#75c8e2
```
#75c8e2 rgb(117,200,226)
```
#85cee5
```
#85cee5 rgb(133,206,229)
```
#95d5e9
```
#95d5e9 rgb(149,213,233)
```
#a5dbec
```
#a5dbec rgb(165,219,236)
```
#b5e2ef
```
#b5e2ef rgb(181,226,239)
```
#c6e8f3
```
#c6e8f3 rgb(198,232,243)
```
#d6eff6
```
#d6eff6 rgb(214,239,246)
```
#e6f5fa
```
#e6f5fa rgb(230,245,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

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

#808688
```
#808688 rgb(128,134,136)
```
#768b92
```
#768b92 rgb(118,139,146)
```
#6d909b
```
#6d909b rgb(109,144,155)
```
#6395a5
```
#6395a5 rgb(99,149,165)
```
#5a9aae
```
#5a9aae rgb(90,154,174)
```
#509fb8
```
#509fb8 rgb(80,159,184)
```
#47a4c1
```
#47a4c1 rgb(71,164,193)
```
#3da9cb
```
#3da9cb rgb(61,169,203)
```
#34aed4
```
#34aed4 rgb(52,174,212)
```
#2bb3dd
```
#2bb3dd rgb(43,179,221)
```
#21b8e7
```
#21b8e7 rgb(33,184,231)
```
#18bdf0
```
#18bdf0 rgb(24,189,240)
```
#0ec2fa
```
#0ec2fa rgb(14,194,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7c949c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba4cd Protanopia 1% of men
#95a4db Deuteranopia 1% of men
#26b5c3 Tritanopia 0.001% of the population

Trichromacy

#75a7cf Protanomaly 1% of men, 0.01% of women
#71a7d8 Deuteranomaly 6% of men, 0.4% of women
#2bb2c9 Tritanomaly 0.01% of the population

#34aed4 hex color

#34aed4 Color Information

#34aed4 Color Conversion

Color Schemes with #34aed4

Alternatives to #34aed4

#34aed4 Preview

Shades and Tints of #34aed4

Tones of #34aed4

Color Blindness Simulator