#34a2b2 hex color

In a RGB color space, hex #34a2b2 is composed of 20.4% red, 63.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 9% magenta, 0% yellow and 30.2% black. It has a hue angle of 187.6 degrees, a saturation of 54.8% and a lightness of 45.1%. #34a2b2 color hex could be obtained by blending #68ffff with #004565. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 64
- B 70
RGB color chart
- C 71
- M 9
- Y 0
- K 30
CMYK color chart

● #34a2b2 color description : Dark cyan.

The hexadecimal color #34a2b2 has RGB values of R:52, G:162, B:178 and CMYK values of C:0.71, M:0.09, Y:0, K:0.3. Its decimal value is 3449522.

Hex triplet	34a2b2	`#34a2b2`
RGB Decimal	52, 162, 178	`rgb(52,162,178)`
RGB Percent	20.4, 63.5, 69.8	`rgb(20.4%,63.5%,69.8%)`
CMYK	71, 9, 0, 30
HSL	187.6°, 54.8, 45.1	`hsl(187.6,54.8%,45.1%)`
HSV (or HSB)	187.6°, 70.8, 69.8
Web Safe	339999	`#339999`

CIE-LAB	61.467, -25.201, -17.251
XYZ	22.37, 29.783, 46.687
xyY	0.226, 0.301, 29.783
CIE-LCH	61.467, 30.54, 214.393
CIE-LUV	61.467, -40.714, -22.629
Hunter-Lab	54.574, -22.336, -12.52
Binary	00110100, 10100010, 10110010

#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#b24434
```
#b24434 rgb(178,68,52)
```

Complementary Color

#34b283
```
#34b283 rgb(52,178,131)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#3463b2
```
#3463b2 rgb(52,99,178)
```

Analogous Color

#b28334
```
#b28334 rgb(178,131,52)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#b23463
```
#b23463 rgb(178,52,99)
```

Split Complementary Color

#a2b234
```
#a2b234 rgb(162,178,52)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#b234a2
```
#b234a2 rgb(178,52,162)
```

Triadic Color

#34b244
```
#34b244 rgb(52,178,68)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#b234a2
```
#b234a2 rgb(178,52,162)
```
#b24434
```
#b24434 rgb(178,68,52)
```

Tetradic Color

#236c77
```
#236c77 rgb(35,108,119)
```
#287e8b
```
#287e8b rgb(40,126,139)
```
#2e909e
```
#2e909e rgb(46,144,158)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#3ab4c5
```
#3ab4c5 rgb(58,180,197)
```
#4ebbcb
```
#4ebbcb rgb(78,187,203)
```
#62c3d1
```
#62c3d1 rgb(98,195,209)
```

Monochromatic Color

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

#34b2a3
```
#34b2a3 rgb(52,178,163)
```
#34b2ad
```
#34b2ad rgb(52,178,173)
```
#34adb2
```
#34adb2 rgb(52,173,178)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#3498b2
```
#3498b2 rgb(52,152,178)
```
#348db2
```
#348db2 rgb(52,141,178)
```
#3483b2
```
#3483b2 rgb(52,131,178)
```

Similar Colors

Text with hexadecimal color #34a2b2

This text has a font color of #34a2b2.

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

#34a2b2 background color

This paragraph has a background color of #34a2b2.

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

#34a2b2 border color

This element has a border color of #34a2b2.

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

CSS codes

.text {color:#34a2b2;}

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

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

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, #030a0b is the darkest color, while #fbfdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#08181a
```
#08181a rgb(8,24,26)
```
#0c2629
```
#0c2629 rgb(12,38,41)
```
#113339
```
#113339 rgb(17,51,57)
```
#154148
```
#154148 rgb(21,65,72)
```
#194f57
```
#194f57 rgb(25,79,87)
```
#1e5d66
```
#1e5d66 rgb(30,93,102)
```
#226b75
```
#226b75 rgb(34,107,117)
```
#277984
```
#277984 rgb(39,121,132)
```
#2b8694
```
#2b8694 rgb(43,134,148)
```
#3094a3
```
#3094a3 rgb(48,148,163)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#38b0c1
```
#38b0c1 rgb(56,176,193)
```

Shade Color Variation

#45b8c9
```
#45b8c9 rgb(69,184,201)
```
#54becd
```
#54becd rgb(84,190,205)
```
#63c3d1
```
#63c3d1 rgb(99,195,209)
```
#72c9d6
```
#72c9d6 rgb(114,201,214)
```
#81cfda
```
#81cfda rgb(129,207,218)
```
#91d5df
```
#91d5df rgb(145,213,223)
```
#a0dbe3
```
#a0dbe3 rgb(160,219,227)
```
#afe0e8
```
#afe0e8 rgb(175,224,232)
```
#bee6ec
```
#bee6ec rgb(190,230,236)
```
#cdecf0
```
#cdecf0 rgb(205,236,240)
```
#dcf2f5
```
#dcf2f5 rgb(220,242,245)
```
#ecf8f9
```
#ecf8f9 rgb(236,248,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697a7d
```
#697a7d rgb(105,122,125)
```
#608186
```
#608186 rgb(96,129,134)
```
#57888f
```
#57888f rgb(87,136,143)
```
#4f8e97
```
#4f8e97 rgb(79,142,151)
```
#4695a0
```
#4695a0 rgb(70,149,160)
```
#3d9ba9
```
#3d9ba9 rgb(61,155,169)
```
#34a2b2
```
#34a2b2 rgb(52,162,178)
```
#2ba9bb
```
#2ba9bb rgb(43,169,187)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#19b6cd
```
#19b6cd rgb(25,182,205)
```
#11bcd5
```
#11bcd5 rgb(17,188,213)
```
#08c3de
```
#08c3de rgb(8,195,222)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#73898c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9698ad Protanopia 1% of men
#9597bb Deuteranopia 1% of men
#3ca7b3 Tritanopia 0.001% of the population

Trichromacy

#729caf Protanomaly 1% of men, 0.01% of women
#729bb8 Deuteranomaly 6% of men, 0.4% of women
#39a5b2 Tritanomaly 0.01% of the population

#34a2b2 hex color

#34a2b2 Color Information

#34a2b2 Color Conversion

Color Schemes with #34a2b2

Alternatives to #34a2b2

#34a2b2 Preview

Shades and Tints of #34a2b2

Tones of #34a2b2

Color Blindness Simulator