#34afb5 hex color

In a RGB color space, hex #34afb5 is composed of 20.4% red, 68.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 3.3% magenta, 0% yellow and 29% black. It has a hue angle of 182.8 degrees, a saturation of 55.4% and a lightness of 45.7%. #34afb5 color hex could be obtained by blending #68ffff with #005f6b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 69
- B 71
RGB color chart
- C 71
- M 3
- Y 0
- K 29
CMYK color chart

● #34afb5 color description : Moderate cyan.

The hexadecimal color #34afb5 has RGB values of R:52, G:175, B:181 and CMYK values of C:0.71, M:0.03, Y:0, K:0.29. Its decimal value is 3452853.

Hex triplet	34afb5	`#34afb5`
RGB Decimal	52, 175, 181	`rgb(52,175,181)`
RGB Percent	20.4, 68.6, 71	`rgb(20.4%,68.6%,71%)`
CMYK	71, 3, 0, 29
HSL	182.8°, 55.4, 45.7	`hsl(182.8,55.4%,45.7%)`
HSV (or HSB)	182.8°, 71.3, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.533, -30.718, -12.788
XYZ	25.084, 34.724, 49.094
xyY	0.23, 0.319, 34.724
CIE-LCH	65.533, 33.273, 202.602
CIE-LUV	65.533, -45.238, -14.928
Hunter-Lab	58.927, -27.138, -8.147
Binary	00110100, 10101111, 10110101

#34afb5
```
#34afb5 rgb(52,175,181)
```
#b53a34
```
#b53a34 rgb(181,58,52)
```

Complementary Color

#34b57b
```
#34b57b rgb(52,181,123)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#346fb5
```
#346fb5 rgb(52,111,181)
```

Analogous Color

#b57b34
```
#b57b34 rgb(181,123,52)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#b5346f
```
#b5346f rgb(181,52,111)
```

Split Complementary Color

#afb534
```
#afb534 rgb(175,181,52)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#b534af
```
#b534af rgb(181,52,175)
```

Triadic Color

#34b53a
```
#34b53a rgb(52,181,58)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#b534af
```
#b534af rgb(181,52,175)
```
#b53a34
```
#b53a34 rgb(181,58,52)
```

Tetradic Color

#23767a
```
#23767a rgb(35,118,122)
```
#29898d
```
#29898d rgb(41,137,141)
```
#2e9ca1
```
#2e9ca1 rgb(46,156,161)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#3cc0c7
```
#3cc0c7 rgb(60,192,199)
```
#4fc7cd
```
#4fc7cd rgb(79,199,205)
```
#63cdd2
```
#63cdd2 rgb(99,205,210)
```

Monochromatic Color

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

#34b59b
```
#34b59b rgb(52,181,155)
```
#34b5a6
```
#34b5a6 rgb(52,181,166)
```
#34b5b0
```
#34b5b0 rgb(52,181,176)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#34a4b5
```
#34a4b5 rgb(52,164,181)
```
#349ab5
```
#349ab5 rgb(52,154,181)
```
#348fb5
```
#348fb5 rgb(52,143,181)
```

Similar Colors

Text with hexadecimal color #34afb5

This text has a font color of #34afb5.

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

#34afb5 background color

This paragraph has a background color of #34afb5.

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

#34afb5 border color

This element has a border color of #34afb5.

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

CSS codes

.text {color:#34afb5;}

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

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

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, #040d0d is the darkest color, while #fdfefe is the lightest one.

#040d0d
```
#040d0d rgb(4,13,13)
```
#081c1d
```
#081c1d rgb(8,28,29)
```
#0d2a2c
```
#0d2a2c rgb(13,42,44)
```
#11393b
```
#11393b rgb(17,57,59)
```
#15484a
```
#15484a rgb(21,72,74)
```
#1a575a
```
#1a575a rgb(26,87,90)
```
#1e6569
```
#1e6569 rgb(30,101,105)
```
#227478
```
#227478 rgb(34,116,120)
```
#278387
```
#278387 rgb(39,131,135)
```
#2b9297
```
#2b9297 rgb(43,146,151)
```
#30a0a6
```
#30a0a6 rgb(48,160,166)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#38bec4
```
#38bec4 rgb(56,190,196)
```

Shade Color Variation

#46c4ca
```
#46c4ca rgb(70,196,202)
```
#56c9ce
```
#56c9ce rgb(86,201,206)
```
#65ced3
```
#65ced3 rgb(101,206,211)
```
#74d2d7
```
#74d2d7 rgb(116,210,215)
```
#83d7db
```
#83d7db rgb(131,215,219)
```
#92dce0
```
#92dce0 rgb(146,220,224)
```
#a2e1e4
```
#a2e1e4 rgb(162,225,228)
```
#b1e6e9
```
#b1e6e9 rgb(177,230,233)
```
#c0ebed
```
#c0ebed rgb(192,235,237)
```
#cff0f1
```
#cff0f1 rgb(207,240,241)
```
#dff5f6
```
#dff5f6 rgb(223,245,246)
```
#eefafa
```
#eefafa rgb(238,250,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#737676
```
#737676 rgb(115,118,118)
```
#6a7e7f
```
#6a7e7f rgb(106,126,127)
```
#618688
```
#618688 rgb(97,134,136)
```
#588e91
```
#588e91 rgb(88,142,145)
```
#4f979a
```
#4f979a rgb(79,151,154)
```
#469fa3
```
#469fa3 rgb(70,159,163)
```
#3da7ac
```
#3da7ac rgb(61,167,172)
```
#34afb5
```
#34afb5 rgb(52,175,181)
```
#2bb7be
```
#2bb7be rgb(43,183,190)
```
#22bfc7
```
#22bfc7 rgb(34,191,199)
```
#19c7d0
```
#19c7d0 rgb(25,199,208)
```
#10d0d9
```
#10d0d9 rgb(16,208,217)
```
#07d8e2
```
#07d8e2 rgb(7,216,226)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7a9293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a3af Protanopia 1% of men
#a5a0bf Deuteranopia 1% of men
#43b2bf Tritanopia 0.001% of the population

Trichromacy

#7aa7b1 Protanomaly 1% of men, 0.01% of women
#7ba5bb Deuteranomaly 6% of men, 0.4% of women
#3db0bb Tritanomaly 0.01% of the population

#34afb5 hex color

#34afb5 Color Information

#34afb5 Color Conversion

Color Schemes with #34afb5

Alternatives to #34afb5

#34afb5 Preview

Shades and Tints of #34afb5

Tones of #34afb5

Color Blindness Simulator