#34bc9f hex color

In a RGB color space, hex #34bc9f is composed of 20.4% red, 73.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 0% magenta, 15.4% yellow and 26.3% black. It has a hue angle of 167.2 degrees, a saturation of 56.7% and a lightness of 47.1%. #34bc9f color hex could be obtained by blending #68ffff with #00793f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 20
- G 74
- B 62
RGB color chart
- C 72
- M 0
- Y 15
- K 26
CMYK color chart

● #34bc9f color description : Moderate cyan.

The hexadecimal color #34bc9f has RGB values of R:52, G:188, B:159 and CMYK values of C:0.72, M:0, Y:0.15, K:0.26. Its decimal value is 3456159.

Hex triplet	34bc9f	`#34bc9f`
RGB Decimal	52, 188, 159	`rgb(52,188,159)`
RGB Percent	20.4, 73.7, 62.4	`rgb(20.4%,73.7%,62.4%)`
CMYK	72, 0, 15, 26
HSL	167.2°, 56.7, 47.1	`hsl(167.2,56.7%,47.1%)`
HSV (or HSB)	167.2°, 72.3, 73.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.894, -42.788, 4.317
XYZ	25.655, 39.197, 39.013
xyY	0.247, 0.377, 39.197
CIE-LCH	68.894, 43.006, 174.238
CIE-LUV	68.894, -51.399, 12.974
Hunter-Lab	62.608, -36.418, 6.88
Binary	00110100, 10111100, 10011111

#34bc9f
```
#34bc9f rgb(52,188,159)
```
#bc3451
```
#bc3451 rgb(188,52,81)
```

Complementary Color

#34bc5b
```
#34bc5b rgb(52,188,91)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#3495bc
```
#3495bc rgb(52,149,188)
```

Analogous Color

#bc5b34
```
#bc5b34 rgb(188,91,52)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#bc3495
```
#bc3495 rgb(188,52,149)
```

Split Complementary Color

#bc9f34
```
#bc9f34 rgb(188,159,52)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#9f34bc
```
#9f34bc rgb(159,52,188)
```

Triadic Color

#51bc34
```
#51bc34 rgb(81,188,52)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#9f34bc
```
#9f34bc rgb(159,52,188)
```
#bc3451
```
#bc3451 rgb(188,52,81)
```

Tetradic Color

#23806c
```
#23806c rgb(35,128,108)
```
#29947d
```
#29947d rgb(41,148,125)
```
#2ea88e
```
#2ea88e rgb(46,168,142)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#3fcaac
```
#3fcaac rgb(63,202,172)
```
#53d0b5
```
#53d0b5 rgb(83,208,181)
```
#67d5be
```
#67d5be rgb(103,213,190)
```

Monochromatic Color

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

#34bc7d
```
#34bc7d rgb(52,188,125)
```
#34bc88
```
#34bc88 rgb(52,188,136)
```
#34bc94
```
#34bc94 rgb(52,188,148)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#34bcaa
```
#34bcaa rgb(52,188,170)
```
#34bcb6
```
#34bcb6 rgb(52,188,182)
```
#34b7bc
```
#34b7bc rgb(52,183,188)
```

Similar Colors

Text with hexadecimal color #34bc9f

This text has a font color of #34bc9f.

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

#34bc9f background color

This paragraph has a background color of #34bc9f.

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

#34bc9f border color

This element has a border color of #34bc9f.

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

CSS codes

.text {color:#34bc9f;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051310
```
#051310 rgb(5,19,16)
```
#09221d
```
#09221d rgb(9,34,29)
```
#0e322a
```
#0e322a rgb(14,50,42)
```
#124137
```
#124137 rgb(18,65,55)
```
#165044
```
#165044 rgb(22,80,68)
```
#1b6051
```
#1b6051 rgb(27,96,81)
```
#1f6f5e
```
#1f6f5e rgb(31,111,94)
```
#237f6b
```
#237f6b rgb(35,127,107)
```
#278e78
```
#278e78 rgb(39,142,120)
```
#2c9d85
```
#2c9d85 rgb(44,157,133)
```
#30ad92
```
#30ad92 rgb(48,173,146)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```

Shade Color Variation

#3bc9aa
```
#3bc9aa rgb(59,201,170)
```
#4acdb1
```
#4acdb1 rgb(74,205,177)
```
#5ad1b8
```
#5ad1b8 rgb(90,209,184)
```
#69d6be
```
#69d6be rgb(105,214,190)
```
#78dac5
```
#78dac5 rgb(120,218,197)
```
#88decc
```
#88decc rgb(136,222,204)
```
#97e2d2
```
#97e2d2 rgb(151,226,210)
```
#a6e7d9
```
#a6e7d9 rgb(166,231,217)
```
#b6ebdf
```
#b6ebdf rgb(182,235,223)
```
#c5efe6
```
#c5efe6 rgb(197,239,230)
```
#d5f3ed
```
#d5f3ed rgb(213,243,237)
```
#e4f8f3
```
#e4f8f3 rgb(228,248,243)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#757b7a
```
#757b7a rgb(117,123,122)
```
#6b857f
```
#6b857f rgb(107,133,127)
```
#628e85
```
#628e85 rgb(98,142,133)
```
#59978a
```
#59978a rgb(89,151,138)
```
#50a08f
```
#50a08f rgb(80,160,143)
```
#46aa94
```
#46aa94 rgb(70,170,148)
```
#3db39a
```
#3db39a rgb(61,179,154)
```
#34bc9f
```
#34bc9f rgb(52,188,159)
```
#2bc5a4
```
#2bc5a4 rgb(43,197,164)
```
#22ceaa
```
#22ceaa rgb(34,206,170)
```
#18d8af
```
#18d8af rgb(24,216,175)
```
#0fe1b4
```
#0fe1b4 rgb(15,225,180)
```
#06eab9
```
#06eab9 rgb(6,234,185)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7e9993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ac9a Protanopia 1% of men
#bca7ac Deuteranopia 1% of men
#54bac7 Tritanopia 0.001% of the population

Trichromacy

#85b19c Protanomaly 1% of men, 0.01% of women
#8aaea7 Deuteranomaly 6% of men, 0.4% of women
#48bab9 Tritanomaly 0.01% of the population

#34bc9f hex color

#34bc9f Color Information

#34bc9f Color Conversion

Color Schemes with #34bc9f

Alternatives to #34bc9f

#34bc9f Preview

Shades and Tints of #34bc9f

Tones of #34bc9f

Color Blindness Simulator