colorhexa.com

#34bad5 hex color

In a RGB color space, hex #34bad5 is composed of 20.4% red, 72.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 12.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 190.1 degrees, a saturation of 65.7% and a lightness of 52%. #34bad5 color hex could be obtained by blending #68ffff with #0075ab. Closest websafe color is: #33cccc.

- R 20
- G 73
- B 84
RGB color chart
- C 76
- M 13
- Y 0
- K 16
CMYK color chart

● #34bad5 color description : Strong cyan.

The hexadecimal color #34bad5 has RGB values of R:52, G:186, B:213 and CMYK values of C:0.76, M:0.13, Y:0, K:0.16. Its decimal value is 3455701.

Hex triplet	34bad5	`#34bad5`
RGB Decimal	52, 186, 213	`rgb(52,186,213)`
RGB Percent	20.4, 72.9, 83.5	`rgb(20.4%,72.9%,83.5%)`
CMYK	76, 13, 0, 16
HSL	190.1°, 65.7, 52	`hsl(190.1,65.7%,52%)`
HSV (or HSB)	190.1°, 75.6, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.929, -26.278, -23.767
XYZ	30.982, 40.649, 69.16
xyY	0.22, 0.289, 40.649
CIE-LCH	69.929, 35.432, 222.127
CIE-LUV	69.929, -47.029, -33.655
Hunter-Lab	63.757, -24.834, -19.685
Binary	00110100, 10111010, 11010101

#34bad5
```
#34bad5 rgb(52,186,213)
```
#d54f34
```
#d54f34 rgb(213,79,52)
```

Complementary Color

#34d5a0
```
#34d5a0 rgb(52,213,160)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#346ad5
```
#346ad5 rgb(52,106,213)
```

Analogous Color

#d5a034
```
#d5a034 rgb(213,160,52)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#d5346a
```
#d5346a rgb(213,52,106)
```

Split Complementary Color

#bad534
```
#bad534 rgb(186,213,52)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#d534ba
```
#d534ba rgb(213,52,186)
```

Triadic Color

#34d54f
```
#34d54f rgb(52,213,79)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#d534ba
```
#d534ba rgb(213,52,186)
```
#d54f34
```
#d54f34 rgb(213,79,52)
```

Tetradic Color

#20879c
```
#20879c rgb(32,135,156)
```
#259ab1
```
#259ab1 rgb(37,154,177)
```
#29acc6
```
#29acc6 rgb(41,172,198)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#49c1d9
```
#49c1d9 rgb(73,193,217)
```
#5ec8de
```
#5ec8de rgb(94,200,222)
```
#73d0e2
```
#73d0e2 rgb(115,208,226)
```

Monochromatic Color

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

#34d5c8
```
#34d5c8 rgb(52,213,200)
```
#34d5d5
```
#34d5d5 rgb(52,213,213)
```
#34c7d5
```
#34c7d5 rgb(52,199,213)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#34add5
```
#34add5 rgb(52,173,213)
```
#349fd5
```
#349fd5 rgb(52,159,213)
```
#3492d5
```
#3492d5 rgb(52,146,213)
```

Similar Colors

Text with hexadecimal color #34bad5

This text has a font color of #34bad5.

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

#34bad5 background color

This paragraph has a background color of #34bad5.

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

#34bad5 border color

This element has a border color of #34bad5.

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

CSS codes

.text {color:#34bad5;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051519
```
#051519 rgb(5,21,25)
```
#082329
```
#082329 rgb(8,35,41)
```
#0c3139
```
#0c3139 rgb(12,49,57)
```
#0f4049
```
#0f4049 rgb(15,64,73)
```
#134e5a
```
#134e5a rgb(19,78,90)
```
#165c6a
```
#165c6a rgb(22,92,106)
```
#196a7a
```
#196a7a rgb(25,106,122)
```
#1d788a
```
#1d788a rgb(29,120,138)
```
#20869b
```
#20869b rgb(32,134,155)
```
#2394ab
```
#2394ab rgb(35,148,171)
```
#27a2bb
```
#27a2bb rgb(39,162,187)
```
#2ab0cb
```
#2ab0cb rgb(42,176,203)
```

Shade Color Variation

#34bad5
```
#34bad5 rgb(52,186,213)
```
#44c0d8
```
#44c0d8 rgb(68,192,216)
```
#55c5dc
```
#55c5dc rgb(85,197,220)
```
#65cbdf
```
#65cbdf rgb(101,203,223)
```
#75d0e2
```
#75d0e2 rgb(117,208,226)
```
#85d6e6
```
#85d6e6 rgb(133,214,230)
```
#96dbe9
```
#96dbe9 rgb(150,219,233)
```
#a6e1ed
```
#a6e1ed rgb(166,225,237)
```
#b6e6f0
```
#b6e6f0 rgb(182,230,240)
```
#c6ecf3
```
#c6ecf3 rgb(198,236,243)
```
#d7f1f7
```
#d7f1f7 rgb(215,241,247)
```
#e7f7fa
```
#e7f7fa rgb(231,247,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#7f888a
```
#7f888a rgb(127,136,138)
```
#768e93
```
#768e93 rgb(118,142,147)
```
#6d949c
```
#6d949c rgb(109,148,156)
```
#639ba6
```
#639ba6 rgb(99,155,166)
```
#5aa1af
```
#5aa1af rgb(90,161,175)
```
#50a7b9
```
#50a7b9 rgb(80,167,185)
```
#47adc2
```
#47adc2 rgb(71,173,194)
```
#3db4cc
```
#3db4cc rgb(61,180,204)
```
#34bad5
```
#34bad5 rgb(52,186,213)
```
#2bc0de
```
#2bc0de rgb(43,192,222)
```
#21c7e8
```
#21c7e8 rgb(33,199,232)
```
#18cdf1
```
#18cdf1 rgb(24,205,241)
```
#0ed3fb
```
#0ed3fb rgb(14,211,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#829ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8adcd Protanopia 1% of men
#a5acdd Deuteranopia 1% of men
#33bfcd Tritanopia 0.001% of the population

Trichromacy

#7eb2d0 Protanomaly 1% of men, 0.01% of women
#7bb1da Deuteranomaly 6% of men, 0.4% of women
#33bdd0 Tritanomaly 0.01% of the population