#34afd4 hex color

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

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

● #34afd4 color description : Strong cyan.

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

Hex triplet	34afd4	`#34afd4`
RGB Decimal	52, 175, 212	`rgb(52,175,212)`
RGB Percent	20.4, 68.6, 83.1	`rgb(20.4%,68.6%,83.1%)`
CMYK	75, 17, 0, 17
HSL	193.9°, 65, 51.8	`hsl(193.9,65%,51.8%)`
HSV (or HSB)	193.9°, 75.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.627, -20.997, -28.284
XYZ	28.627, 36.141, 67.751
xyY	0.216, 0.273, 36.141
CIE-LCH	66.627, 35.226, 233.412
CIE-LUV	66.627, -43.219, -41.653
Hunter-Lab	60.117, -20.207, -24.736
Binary	00110100, 10101111, 11010100

#34afd4
```
#34afd4 rgb(52,175,212)
```
#d45934
```
#d45934 rgb(212,89,52)
```

Complementary Color

#34d4a9
```
#34d4a9 rgb(52,212,169)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```

Analogous Color

#d4a934
```
#d4a934 rgb(212,169,52)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#d4345f
```
#d4345f rgb(212,52,95)
```

Split Complementary Color

#afd434
```
#afd434 rgb(175,212,52)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#d434af
```
#d434af rgb(212,52,175)
```

Triadic Color

#34d459
```
#34d459 rgb(52,212,89)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#d434af
```
#d434af rgb(212,52,175)
```
#d45934
```
#d45934 rgb(212,89,52)
```

Tetradic Color

#217f9b
```
#217f9b rgb(33,127,155)
```
#2590b0
```
#2590b0 rgb(37,144,176)
```
#2aa1c5
```
#2aa1c5 rgb(42,161,197)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#49b7d8
```
#49b7d8 rgb(73,183,216)
```
#5ec0dd
```
#5ec0dd rgb(94,192,221)
```
#73c8e1
```
#73c8e1 rgb(115,200,225)
```

Monochromatic Color

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

#34d4d1
```
#34d4d1 rgb(52,212,209)
```
#34cad4
```
#34cad4 rgb(52,202,212)
```
#34bcd4
```
#34bcd4 rgb(52,188,212)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#34a2d4
```
#34a2d4 rgb(52,162,212)
```
#3494d4
```
#3494d4 rgb(52,148,212)
```
#3487d4
```
#3487d4 rgb(52,135,212)
```

Similar Colors

Text with hexadecimal color #34afd4

This text has a font color of #34afd4.

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

#34afd4 background color

This paragraph has a background color of #34afd4.

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

#34afd4 border color

This element has a border color of #34afd4.

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

CSS codes

.text {color:#34afd4;}

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

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

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)
```
#082128
```
#082128 rgb(8,33,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)
```
#1a6379
```
#1a6379 rgb(26,99,121)
```
#1d7089
```
#1d7089 rgb(29,112,137)
```
#207d99
```
#207d99 rgb(32,125,153)
```
#248aa9
```
#248aa9 rgb(36,138,169)
```
#2798b9
```
#2798b9 rgb(39,152,185)
```
#2ba5ca
```
#2ba5ca rgb(43,165,202)
```

Shade Color Variation

#34afd4
```
#34afd4 rgb(52,175,212)
```
#44b5d7
```
#44b5d7 rgb(68,181,215)
```
#54bcdb
```
#54bcdb rgb(84,188,219)
```
#65c2de
```
#65c2de rgb(101,194,222)
```
#75c9e2
```
#75c9e2 rgb(117,201,226)
```
#85cfe5
```
#85cfe5 rgb(133,207,229)
```
#95d5e9
```
#95d5e9 rgb(149,213,233)
```
#a5dcec
```
#a5dcec rgb(165,220,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 #0ec3fa is the most saturated one.

#808688
```
#808688 rgb(128,134,136)
```
#768b92
```
#768b92 rgb(118,139,146)
```
#6d909b
```
#6d909b rgb(109,144,155)
```
#6396a5
```
#6396a5 rgb(99,150,165)
```
#5a9bae
```
#5a9bae rgb(90,155,174)
```
#50a0b8
```
#50a0b8 rgb(80,160,184)
```
#47a5c1
```
#47a5c1 rgb(71,165,193)
```
#3daacb
```
#3daacb rgb(61,170,203)
```
#34afd4
```
#34afd4 rgb(52,175,212)
```
#2bb4dd
```
#2bb4dd rgb(43,180,221)
```
#21b9e7
```
#21b9e7 rgb(33,185,231)
```
#18bef0
```
#18bef0 rgb(24,190,240)
```
#0ec3fa
```
#0ec3fa rgb(14,195,250)
```

Tone Color Variation

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

Dichromacy

#9ca5cd Protanopia 1% of men
#96a4db Deuteranopia 1% of men
#28b6c3 Tritanopia 0.001% of the population

Trichromacy

#76a8cf Protanomaly 1% of men, 0.01% of women
#72a8d9 Deuteranomaly 6% of men, 0.4% of women
#2cb3c9 Tritanomaly 0.01% of the population

#34afd4 hex color

#34afd4 Color Information

#34afd4 Color Conversion

Color Schemes with #34afd4

Alternatives to #34afd4

#34afd4 Preview

Shades and Tints of #34afd4

Tones of #34afd4

Color Blindness Simulator