#34b0d4 hex color

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

● #34b0d4 color description : Strong cyan.

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

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

CIE-LAB	66.924, -21.515, -27.827
XYZ	28.822, 36.532, 67.816
xyY	0.216, 0.274, 36.532
CIE-LCH	66.924, 35.174, 232.29
CIE-LUV	66.924, -43.571, -40.847
Hunter-Lab	60.441, -20.653, -24.215
Binary	00110100, 10110000, 11010100

#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#d45834
```
#d45834 rgb(212,88,52)
```

Complementary Color

#34d4a8
```
#34d4a8 rgb(52,212,168)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#3460d4
```
#3460d4 rgb(52,96,212)
```

Analogous Color

#d4a834
```
#d4a834 rgb(212,168,52)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#d43460
```
#d43460 rgb(212,52,96)
```

Split Complementary Color

#b0d434
```
#b0d434 rgb(176,212,52)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#d434b0
```
#d434b0 rgb(212,52,176)
```

Triadic Color

#34d458
```
#34d458 rgb(52,212,88)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#d434b0
```
#d434b0 rgb(212,52,176)
```
#d45834
```
#d45834 rgb(212,88,52)
```

Tetradic Color

#217f9b
```
#217f9b rgb(33,127,155)
```
#2591b0
```
#2591b0 rgb(37,145,176)
```
#2aa2c5
```
#2aa2c5 rgb(42,162,197)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#49b8d8
```
#49b8d8 rgb(73,184,216)
```
#5ec0dd
```
#5ec0dd rgb(94,192,221)
```
#73c9e1
```
#73c9e1 rgb(115,201,225)
```

Monochromatic Color

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

#34d4d0
```
#34d4d0 rgb(52,212,208)
```
#34cbd4
```
#34cbd4 rgb(52,203,212)
```
#34bdd4
```
#34bdd4 rgb(52,189,212)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#34a3d4
```
#34a3d4 rgb(52,163,212)
```
#3495d4
```
#3495d4 rgb(52,149,212)
```
#3488d4
```
#3488d4 rgb(52,136,212)
```

Similar Colors

Text with hexadecimal color #34b0d4

This text has a font color of #34b0d4.

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

#34b0d4 background color

This paragraph has a background color of #34b0d4.

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

#34b0d4 border color

This element has a border color of #34b0d4.

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

CSS codes

.text {color:#34b0d4;}

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

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

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)
```
#134958
```
#134958 rgb(19,73,88)
```
#165669
```
#165669 rgb(22,86,105)
```
#1a6379
```
#1a6379 rgb(26,99,121)
```
#1d7189
```
#1d7189 rgb(29,113,137)
```
#207e99
```
#207e99 rgb(32,126,153)
```
#248ba9
```
#248ba9 rgb(36,139,169)
```
#2799b9
```
#2799b9 rgb(39,153,185)
```
#2ba6ca
```
#2ba6ca rgb(43,166,202)
```

Shade Color Variation

#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#44b6d7
```
#44b6d7 rgb(68,182,215)
```
#54bddb
```
#54bddb rgb(84,189,219)
```
#65c3de
```
#65c3de rgb(101,195,222)
```
#75c9e2
```
#75c9e2 rgb(117,201,226)
```
#85cfe5
```
#85cfe5 rgb(133,207,229)
```
#95d6e9
```
#95d6e9 rgb(149,214,233)
```
#a5dcec
```
#a5dcec rgb(165,220,236)
```
#b5e2ef
```
#b5e2ef rgb(181,226,239)
```
#c6e9f3
```
#c6e9f3 rgb(198,233,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 #0ec5fa is the most saturated one.

#808688
```
#808688 rgb(128,134,136)
```
#768c92
```
#768c92 rgb(118,140,146)
```
#6d919b
```
#6d919b rgb(109,145,155)
```
#6396a5
```
#6396a5 rgb(99,150,165)
```
#5a9bae
```
#5a9bae rgb(90,155,174)
```
#50a0b8
```
#50a0b8 rgb(80,160,184)
```
#47a6c1
```
#47a6c1 rgb(71,166,193)
```
#3dabcb
```
#3dabcb rgb(61,171,203)
```
#34b0d4
```
#34b0d4 rgb(52,176,212)
```
#2bb5dd
```
#2bb5dd rgb(43,181,221)
```
#21bae7
```
#21bae7 rgb(33,186,231)
```
#18c0f0
```
#18c0f0 rgb(24,192,240)
```
#0ec5fa
```
#0ec5fa rgb(14,197,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7d969d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6cd Protanopia 1% of men
#97a5db Deuteranopia 1% of men
#29b7c4 Tritanopia 0.001% of the population

Trichromacy

#77a9cf Protanomaly 1% of men, 0.01% of women
#73a9d9 Deuteranomaly 6% of men, 0.4% of women
#2db4ca Tritanomaly 0.01% of the population

#34b0d4 hex color

#34b0d4 Color Information

#34b0d4 Color Conversion

Color Schemes with #34b0d4

Alternatives to #34b0d4

#34b0d4 Preview

Shades and Tints of #34b0d4

Tones of #34b0d4

Color Blindness Simulator