#34a1ba hex color

In a RGB color space, hex #34a1ba is composed of 20.4% red, 63.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 13.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 191.2 degrees, a saturation of 56.3% and a lightness of 46.7%. #34a1ba color hex could be obtained by blending #68ffff with #004375. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 63
- B 73
RGB color chart
- C 72
- M 13
- Y 0
- K 27
CMYK color chart

● #34a1ba color description : Moderate cyan.

The hexadecimal color #34a1ba has RGB values of R:52, G:161, B:186 and CMYK values of C:0.72, M:0.13, Y:0, K:0.27. Its decimal value is 3449274.

Hex triplet	34a1ba	`#34a1ba`
RGB Decimal	52, 161, 186	`rgb(52,161,186)`
RGB Percent	20.4, 63.1, 72.9	`rgb(20.4%,63.1%,72.9%)`
CMYK	72, 13, 0, 27
HSL	191.2°, 56.3, 46.7	`hsl(191.2,56.3%,46.7%)`
HSV (or HSB)	191.2°, 72, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.449, -22.158, -21.772
XYZ	23.022, 29.763, 50.983
xyY	0.222, 0.287, 29.763
CIE-LCH	61.449, 31.064, 224.497
CIE-LUV	61.449, -39.854, -30.332
Hunter-Lab	54.555, -20.148, -17.219
Binary	00110100, 10100001, 10111010

#34a1ba
```
#34a1ba rgb(52,161,186)
```
#ba4d34
```
#ba4d34 rgb(186,77,52)
```

Complementary Color

#34ba90
```
#34ba90 rgb(52,186,144)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#345eba
```
#345eba rgb(52,94,186)
```

Analogous Color

#ba9034
```
#ba9034 rgb(186,144,52)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#ba345e
```
#ba345e rgb(186,52,94)
```

Split Complementary Color

#a1ba34
```
#a1ba34 rgb(161,186,52)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#ba34a1
```
#ba34a1 rgb(186,52,161)
```

Triadic Color

#34ba4d
```
#34ba4d rgb(52,186,77)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#ba34a1
```
#ba34a1 rgb(186,52,161)
```
#ba4d34
```
#ba4d34 rgb(186,77,52)
```

Tetradic Color

#236d7e
```
#236d7e rgb(35,109,126)
```
#297f92
```
#297f92 rgb(41,127,146)
```
#2e90a6
```
#2e90a6 rgb(46,144,166)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#3eafc9
```
#3eafc9 rgb(62,175,201)
```
#52b8cf
```
#52b8cf rgb(82,184,207)
```
#66c0d4
```
#66c0d4 rgb(102,192,212)
```

Monochromatic Color

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

#34bab2
```
#34bab2 rgb(52,186,178)
```
#34b7ba
```
#34b7ba rgb(52,183,186)
```
#34acba
```
#34acba rgb(52,172,186)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#3496ba
```
#3496ba rgb(52,150,186)
```
#348bba
```
#348bba rgb(52,139,186)
```
#3480ba
```
#3480ba rgb(52,128,186)
```

Similar Colors

Text with hexadecimal color #34a1ba

This text has a font color of #34a1ba.

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

#34a1ba background color

This paragraph has a background color of #34a1ba.

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

#34a1ba border color

This element has a border color of #34a1ba.

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

CSS codes

.text {color:#34a1ba;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050f11
```
#050f11 rgb(5,15,17)
```
#091c21
```
#091c21 rgb(9,28,33)
```
#0d2a30
```
#0d2a30 rgb(13,42,48)
```
#12373f
```
#12373f rgb(18,55,63)
```
#16444f
```
#16444f rgb(22,68,79)
```
#1a515e
```
#1a515e rgb(26,81,94)
```
#1f5f6d
```
#1f5f6d rgb(31,95,109)
```
#236c7d
```
#236c7d rgb(35,108,125)
```
#27798c
```
#27798c rgb(39,121,140)
```
#2b869b
```
#2b869b rgb(43,134,155)
```
#3094ab
```
#3094ab rgb(48,148,171)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```

Shade Color Variation

#3aadc8
```
#3aadc8 rgb(58,173,200)
```
#49b4cc
```
#49b4cc rgb(73,180,204)
```
#58bad0
```
#58bad0 rgb(88,186,208)
```
#68c0d5
```
#68c0d5 rgb(104,192,213)
```
#77c7d9
```
#77c7d9 rgb(119,199,217)
```
#86cddd
```
#86cddd rgb(134,205,221)
```
#96d3e2
```
#96d3e2 rgb(150,211,226)
```
#a5dae6
```
#a5dae6 rgb(165,218,230)
```
#b4e0ea
```
#b4e0ea rgb(180,224,234)
```
#c4e6ee
```
#c4e6ee rgb(196,230,238)
```
#d3edf3
```
#d3edf3 rgb(211,237,243)
```
#e2f3f7
```
#e2f3f7 rgb(226,243,247)
```
#f2fafb
```
#f2fafb rgb(242,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74797a is the less saturated color, while #06bee8 is the most saturated one.

#74797a
```
#74797a rgb(116,121,122)
```
#6b7f83
```
#6b7f83 rgb(107,127,131)
```
#62848c
```
#62848c rgb(98,132,140)
```
#598a95
```
#598a95 rgb(89,138,149)
```
#4f909f
```
#4f909f rgb(79,144,159)
```
#4696a8
```
#4696a8 rgb(70,150,168)
```
#3d9bb1
```
#3d9bb1 rgb(61,155,177)
```
#34a1ba
```
#34a1ba rgb(52,161,186)
```
#2ba7c3
```
#2ba7c3 rgb(43,167,195)
```
#22accc
```
#22accc rgb(34,172,204)
```
#19b2d5
```
#19b2d5 rgb(25,178,213)
```
#0fb8df
```
#0fb8df rgb(15,184,223)
```
#06bee8
```
#06bee8 rgb(6,190,232)
```

Tone Color Variation

Below, you can see how #34a1ba 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
#73898e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9398b5 Protanopia 1% of men
#9097c3 Deuteranopia 1% of men
#36a7b3 Tritanopia 0.001% of the population

Trichromacy

#709bb6 Protanomaly 1% of men, 0.01% of women
#6f9abf Deuteranomaly 6% of men, 0.4% of women
#35a5b6 Tritanomaly 0.01% of the population

#34a1ba hex color

#34a1ba Color Information

#34a1ba Color Conversion

Color Schemes with #34a1ba

Alternatives to #34a1ba

#34a1ba Preview

Shades and Tints of #34a1ba

Tones of #34a1ba

Color Blindness Simulator