#34add4 hex color

In a RGB color space, hex #34add4 is composed of 20.4% red, 67.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 18.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 194.6 degrees, a saturation of 65% and a lightness of 51.8%. #34add4 color hex could be obtained by blending #68ffff with #005ba9. 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

● #34add4 color description : Strong cyan.

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

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

CIE-LAB	66.034, -19.955, -29.198
XYZ	28.24, 35.368, 67.622
xyY	0.215, 0.27, 35.368
CIE-LCH	66.034, 35.366, 235.651
CIE-LUV	66.034, -42.514, -43.265
Hunter-Lab	59.471, -19.313, -25.786
Binary	00110100, 10101101, 11010100

#34add4
```
#34add4 rgb(52,173,212)
```
#d45b34
```
#d45b34 rgb(212,91,52)
```

Complementary Color

#34d4ab
```
#34d4ab rgb(52,212,171)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#345dd4
```
#345dd4 rgb(52,93,212)
```

Analogous Color

#d4ab34
```
#d4ab34 rgb(212,171,52)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#d4345d
```
#d4345d rgb(212,52,93)
```

Split Complementary Color

#add434
```
#add434 rgb(173,212,52)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#d434ad
```
#d434ad rgb(212,52,173)
```

Triadic Color

#34d45b
```
#34d45b rgb(52,212,91)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#d434ad
```
#d434ad rgb(212,52,173)
```
#d45b34
```
#d45b34 rgb(212,91,52)
```

Tetradic Color

#217d9b
```
#217d9b rgb(33,125,155)
```
#258eb0
```
#258eb0 rgb(37,142,176)
```
#2a9fc5
```
#2a9fc5 rgb(42,159,197)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#49b6d8
```
#49b6d8 rgb(73,182,216)
```
#5ebedd
```
#5ebedd rgb(94,190,221)
```
#73c7e1
```
#73c7e1 rgb(115,199,225)
```

Monochromatic Color

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

#34d4d3
```
#34d4d3 rgb(52,212,211)
```
#34c8d4
```
#34c8d4 rgb(52,200,212)
```
#34bad4
```
#34bad4 rgb(52,186,212)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#34a0d4
```
#34a0d4 rgb(52,160,212)
```
#3492d4
```
#3492d4 rgb(52,146,212)
```
#3485d4
```
#3485d4 rgb(52,133,212)
```

Similar Colors

Text with hexadecimal color #34add4

This text has a font color of #34add4.

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

#34add4 background color

This paragraph has a background color of #34add4.

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

#34add4 border color

This element has a border color of #34add4.

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

CSS codes

.text {color:#34add4;}

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

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

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 #f6fbfd is the lightest one.

#020607
```
#020607 rgb(2,6,7)
```
#051318
```
#051318 rgb(5,19,24)
```
#082028
```
#082028 rgb(8,32,40)
```
#0c2d38
```
#0c2d38 rgb(12,45,56)
```
#0f3a48
```
#0f3a48 rgb(15,58,72)
```
#134758
```
#134758 rgb(19,71,88)
```
#165469
```
#165469 rgb(22,84,105)
```
#1a6279
```
#1a6279 rgb(26,98,121)
```
#1d6f89
```
#1d6f89 rgb(29,111,137)
```
#207c99
```
#207c99 rgb(32,124,153)
```
#2489a9
```
#2489a9 rgb(36,137,169)
```
#2796b9
```
#2796b9 rgb(39,150,185)
```
#2ba3ca
```
#2ba3ca rgb(43,163,202)
```

Shade Color Variation

#34add4
```
#34add4 rgb(52,173,212)
```
#44b4d7
```
#44b4d7 rgb(68,180,215)
```
#54badb
```
#54badb rgb(84,186,219)
```
#65c1de
```
#65c1de rgb(101,193,222)
```
#75c7e2
```
#75c7e2 rgb(117,199,226)
```
#85cee5
```
#85cee5 rgb(133,206,229)
```
#95d4e9
```
#95d4e9 rgb(149,212,233)
```
#a5dbec
```
#a5dbec rgb(165,219,236)
```
#b5e1ef
```
#b5e1ef rgb(181,225,239)
```
#c6e8f3
```
#c6e8f3 rgb(198,232,243)
```
#d6eef6
```
#d6eef6 rgb(214,238,246)
```
#e6f5fa
```
#e6f5fa rgb(230,245,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,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 #0ec0fa 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)
```
#509eb8
```
#509eb8 rgb(80,158,184)
```
#47a3c1
```
#47a3c1 rgb(71,163,193)
```
#3da8cb
```
#3da8cb rgb(61,168,203)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#21b7e7
```
#21b7e7 rgb(33,183,231)
```
#18bcf0
```
#18bcf0 rgb(24,188,240)
```
#0ec0fa
```
#0ec0fa rgb(14,192,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7b939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa3cd Protanopia 1% of men
#93a3db Deuteranopia 1% of men
#25b4c2 Tritanopia 0.001% of the population

Trichromacy

#75a7cf Protanomaly 1% of men, 0.01% of women
#70a6d8 Deuteranomaly 6% of men, 0.4% of women
#2ab2c8 Tritanomaly 0.01% of the population

#34add4 hex color

#34add4 Color Information

#34add4 Color Conversion

Color Schemes with #34add4

Alternatives to #34add4

#34add4 Preview

Shades and Tints of #34add4

Tones of #34add4

Color Blindness Simulator