#34a8d2 hex color

In a RGB color space, hex #34a8d2 is composed of 20.4% red, 65.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 20% magenta, 0% yellow and 17.6% black. It has a hue angle of 195.9 degrees, a saturation of 63.7% and a lightness of 51.4%. #34a8d2 color hex could be obtained by blending #68ffff with #0051a5. Closest websafe color is: #3399cc.

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

● #34a8d2 color description : Strong blue.

The hexadecimal color #34a8d2 has RGB values of R:52, G:168, B:210 and CMYK values of C:0.75, M:0.2, Y:0, K:0.18. Its decimal value is 3451090.

Hex triplet	34a8d2	`#34a8d2`
RGB Decimal	52, 168, 210	`rgb(52,168,210)`
RGB Percent	20.4, 65.9, 82.4	`rgb(20.4%,65.9%,82.4%)`
CMYK	75, 20, 0, 18
HSL	195.9°, 63.7, 51.4	`hsl(195.9,63.7%,51.4%)`
HSV (or HSB)	195.9°, 75.2, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.472, -17.982, -30.506
XYZ	27.049, 33.386, 65.988
xyY	0.214, 0.264, 33.386
CIE-LCH	64.472, 35.411, 239.482
CIE-LUV	64.472, -40.877, -45.55
Hunter-Lab	57.781, -17.556, -27.265
Binary	00110100, 10101000, 11010010

#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#d25e34
```
#d25e34 rgb(210,94,52)
```

Complementary Color

#34d2ad
```
#34d2ad rgb(52,210,173)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#3459d2
```
#3459d2 rgb(52,89,210)
```

Analogous Color

#d2ad34
```
#d2ad34 rgb(210,173,52)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#d23459
```
#d23459 rgb(210,52,89)
```

Split Complementary Color

#a8d234
```
#a8d234 rgb(168,210,52)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#d234a8
```
#d234a8 rgb(210,52,168)
```

Triadic Color

#34d25e
```
#34d25e rgb(52,210,94)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#d234a8
```
#d234a8 rgb(210,52,168)
```
#d25e34
```
#d25e34 rgb(210,94,52)
```

Tetradic Color

#227898
```
#227898 rgb(34,120,152)
```
#2689ad
```
#2689ad rgb(38,137,173)
```
#2b9ac2
```
#2b9ac2 rgb(43,154,194)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#49b1d7
```
#49b1d7 rgb(73,177,215)
```
#5ebadb
```
#5ebadb rgb(94,186,219)
```
#73c3e0
```
#73c3e0 rgb(115,195,224)
```

Monochromatic Color

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

#34d0d2
```
#34d0d2 rgb(52,208,210)
```
#34c2d2
```
#34c2d2 rgb(52,194,210)
```
#34b5d2
```
#34b5d2 rgb(52,181,210)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#349bd2
```
#349bd2 rgb(52,155,210)
```
#348ed2
```
#348ed2 rgb(52,142,210)
```
#3481d2
```
#3481d2 rgb(52,129,210)
```

Similar Colors

Text with hexadecimal color #34a8d2

This text has a font color of #34a8d2.

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

#34a8d2 background color

This paragraph has a background color of #34a8d2.

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

#34a8d2 border color

This element has a border color of #34a8d2.

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

CSS codes

.text {color:#34a8d2;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051116
```
#051116 rgb(5,17,22)
```
#081e26
```
#081e26 rgb(8,30,38)
```
#0c2b36
```
#0c2b36 rgb(12,43,54)
```
#103746
```
#103746 rgb(16,55,70)
```
#134456
```
#134456 rgb(19,68,86)
```
#175166
```
#175166 rgb(23,81,102)
```
#1a5e76
```
#1a5e76 rgb(26,94,118)
```
#1e6a86
```
#1e6a86 rgb(30,106,134)
```
#217796
```
#217796 rgb(33,119,150)
```
#2584a6
```
#2584a6 rgb(37,132,166)
```
#2891b6
```
#2891b6 rgb(40,145,182)
```
#2c9dc6
```
#2c9dc6 rgb(44,157,198)
```

Shade Color Variation

#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#44afd6
```
#44afd6 rgb(68,175,214)
```
#54b6d9
```
#54b6d9 rgb(84,182,217)
```
#64bddd
```
#64bddd rgb(100,189,221)
```
#74c4e0
```
#74c4e0 rgb(116,196,224)
```
#84cae4
```
#84cae4 rgb(132,202,228)
```
#94d1e7
```
#94d1e7 rgb(148,209,231)
```
#a4d8eb
```
#a4d8eb rgb(164,216,235)
```
#b4dfee
```
#b4dfee rgb(180,223,238)
```
#c5e6f2
```
#c5e6f2 rgb(197,230,242)
```
#d5edf6
```
#d5edf6 rgb(213,237,246)
```
#e5f4f9
```
#e5f4f9 rgb(229,244,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#808486
```
#808486 rgb(128,132,134)
```
#77898f
```
#77898f rgb(119,137,143)
```
#6d8d99
```
#6d8d99 rgb(109,141,153)
```
#6492a2
```
#6492a2 rgb(100,146,162)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#519bb5
```
#519bb5 rgb(81,155,181)
```
#479fbf
```
#479fbf rgb(71,159,191)
```
#3ea4c8
```
#3ea4c8 rgb(62,164,200)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#2aacdc
```
#2aacdc rgb(42,172,220)
```
#21b1e5
```
#21b1e5 rgb(33,177,229)
```
#17b5ef
```
#17b5ef rgb(23,181,239)
```
#0ebaf8
```
#0ebaf8 rgb(14,186,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#799098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959fcb Protanopia 1% of men
#8d9fd9 Deuteranopia 1% of men
#21b0bd Tritanopia 0.001% of the population

Trichromacy

#71a2ce Protanomaly 1% of men, 0.01% of women
#6da2d6 Deuteranomaly 6% of men, 0.4% of women
#28adc5 Tritanomaly 0.01% of the population

#34a8d2 hex color

#34a8d2 Color Information

#34a8d2 Color Conversion

Color Schemes with #34a8d2

Alternatives to #34a8d2

#34a8d2 Preview

Shades and Tints of #34a8d2

Tones of #34a8d2

Color Blindness Simulator