#34afbb hex color

In a RGB color space, hex #34afbb is composed of 20.4% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 185.3 degrees, a saturation of 56.5% and a lightness of 46.9%. #34afbb color hex could be obtained by blending #68ffff with #005f77. Closest websafe color is: #3399cc.

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

● #34afbb color description : Moderate cyan.

The hexadecimal color #34afbb has RGB values of R:52, G:175, B:187 and CMYK values of C:0.72, M:0.06, Y:0, K:0.27. Its decimal value is 3452859.

Hex triplet	34afbb	`#34afbb`
RGB Decimal	52, 175, 187	`rgb(52,175,187)`
RGB Percent	20.4, 68.6, 73.3	`rgb(20.4%,68.6%,73.3%)`
CMYK	72, 6, 0, 27
HSL	185.3°, 56.5, 46.9	`hsl(185.3,56.5%,46.9%)`
HSV (or HSB)	185.3°, 72.2, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.73, -28.906, -15.824
XYZ	25.713, 34.976, 52.407
xyY	0.227, 0.309, 34.976
CIE-LCH	65.73, 32.954, 208.698
CIE-LUV	65.73, -44.842, -20.046
Hunter-Lab	59.14, -25.886, -11.142
Binary	00110100, 10101111, 10111011

#34afbb
```
#34afbb rgb(52,175,187)
```
#bb4034
```
#bb4034 rgb(187,64,52)
```

Complementary Color

#34bb84
```
#34bb84 rgb(52,187,132)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#346cbb
```
#346cbb rgb(52,108,187)
```

Analogous Color

#bb8434
```
#bb8434 rgb(187,132,52)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#bb346c
```
#bb346c rgb(187,52,108)
```

Split Complementary Color

#afbb34
```
#afbb34 rgb(175,187,52)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#bb34af
```
#bb34af rgb(187,52,175)
```

Triadic Color

#34bb40
```
#34bb40 rgb(52,187,64)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#bb34af
```
#bb34af rgb(187,52,175)
```
#bb4034
```
#bb4034 rgb(187,64,52)
```

Tetradic Color

#23777f
```
#23777f rgb(35,119,127)
```
#298a93
```
#298a93 rgb(41,138,147)
```
#2e9ca7
```
#2e9ca7 rgb(46,156,167)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#3fbdca
```
#3fbdca rgb(63,189,202)
```
#53c4cf
```
#53c4cf rgb(83,196,207)
```
#67cbd5
```
#67cbd5 rgb(103,203,213)
```

Monochromatic Color

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

#34bba5
```
#34bba5 rgb(52,187,165)
```
#34bbb1
```
#34bbb1 rgb(52,187,177)
```
#34babb
```
#34babb rgb(52,186,187)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#34a4bb
```
#34a4bb rgb(52,164,187)
```
#3499bb
```
#3499bb rgb(52,153,187)
```
#348dbb
```
#348dbb rgb(52,141,187)
```

Similar Colors

Text with hexadecimal color #34afbb

This text has a font color of #34afbb.

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

#34afbb background color

This paragraph has a background color of #34afbb.

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

#34afbb border color

This element has a border color of #34afbb.

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

CSS codes

.text {color:#34afbb;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f22
```
#091f22 rgb(9,31,34)
```
#0e2e31
```
#0e2e31 rgb(14,46,49)
```
#123c40
```
#123c40 rgb(18,60,64)
```
#164a50
```
#164a50 rgb(22,74,80)
```
#1a595f
```
#1a595f rgb(26,89,95)
```
#1f676e
```
#1f676e rgb(31,103,110)
```
#23767e
```
#23767e rgb(35,118,126)
```
#27848d
```
#27848d rgb(39,132,141)
```
#2b929c
```
#2b929c rgb(43,146,156)
```
#30a1ac
```
#30a1ac rgb(48,161,172)
```
#34afbb
```
#34afbb rgb(52,175,187)
```

Shade Color Variation

#3abcc8
```
#3abcc8 rgb(58,188,200)
```
#4ac1cd
```
#4ac1cd rgb(74,193,205)
```
#59c6d1
```
#59c6d1 rgb(89,198,209)
```
#68cbd5
```
#68cbd5 rgb(104,203,213)
```
#78d1d9
```
#78d1d9 rgb(120,209,217)
```
#87d6de
```
#87d6de rgb(135,214,222)
```
#96dbe2
```
#96dbe2 rgb(150,219,226)
```
#a6e0e6
```
#a6e0e6 rgb(166,224,230)
```
#b5e6ea
```
#b5e6ea rgb(181,230,234)
```
#c4ebef
```
#c4ebef rgb(196,235,239)
```
#d4f0f3
```
#d4f0f3 rgb(212,240,243)
```
#e3f5f7
```
#e3f5f7 rgb(227,245,247)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#747a7b
```
#747a7b rgb(116,122,123)
```
#6b8284
```
#6b8284 rgb(107,130,132)
```
#62898d
```
#62898d rgb(98,137,141)
```
#599196
```
#599196 rgb(89,145,150)
```
#50989f
```
#50989f rgb(80,152,159)
```
#46a0a9
```
#46a0a9 rgb(70,160,169)
```
#3da7b2
```
#3da7b2 rgb(61,167,178)
```
#34afbb
```
#34afbb rgb(52,175,187)
```
#2bb7c4
```
#2bb7c4 rgb(43,183,196)
```
#22becd
```
#22becd rgb(34,190,205)
```
#18c6d7
```
#18c6d7 rgb(24,198,215)
```
#0fcde0
```
#0fcde0 rgb(15,205,224)
```
#06d5e9
```
#06d5e9 rgb(6,213,233)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a3b5 Protanopia 1% of men
#a2a1c5 Deuteranopia 1% of men
#3fb2c0 Tritanopia 0.001% of the population

Trichromacy

#7aa7b7 Protanomaly 1% of men, 0.01% of women
#7aa6c1 Deuteranomaly 6% of men, 0.4% of women
#3bb1be Tritanomaly 0.01% of the population

#34afbb hex color

#34afbb Color Information

#34afbb Color Conversion

Color Schemes with #34afbb

Alternatives to #34afbb

#34afbb Preview

Shades and Tints of #34afbb

Tones of #34afbb

Color Blindness Simulator