#346e53 hex color

In a RGB color space, hex #346e53 is composed of 20.4% red, 43.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 0% magenta, 24.5% yellow and 56.9% black. It has a hue angle of 152.1 degrees, a saturation of 35.8% and a lightness of 31.8%. #346e53 color hex could be obtained by blending #68dca6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 43
- B 33
RGB color chart
- C 53
- M 0
- Y 25
- K 57
CMYK color chart

● #346e53 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #346e53 has RGB values of R:52, G:110, B:83 and CMYK values of C:0.53, M:0, Y:0.25, K:0.57. Its decimal value is 3436115.

Hex triplet	346e53	`#346e53`
RGB Decimal	52, 110, 83	`rgb(52,110,83)`
RGB Percent	20.4, 43.1, 32.5	`rgb(20.4%,43.1%,32.5%)`
CMYK	53, 0, 25, 57
HSL	152.1°, 35.8, 31.8	`hsl(152.1,35.8%,31.8%)`
HSV (or HSB)	152.1°, 52.7, 43.1
Web Safe	336666	`#336666`

CIE-LAB	42.009, -25.981, 9.342
XYZ	8.553, 12.506, 10.146
xyY	0.274, 0.401, 12.506
CIE-LCH	42.009, 27.609, 160.222
CIE-LUV	42.009, -25.585, 15.516
Hunter-Lab	35.364, -18.715, 7.743
Binary	00110100, 01101110, 01010011

#346e53
```
#346e53 rgb(52,110,83)
```
#6e344f
```
#6e344f rgb(110,52,79)
```

Complementary Color

#346e36
```
#346e36 rgb(52,110,54)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#346c6e
```
#346c6e rgb(52,108,110)
```

Analogous Color

#6e3634
```
#6e3634 rgb(110,54,52)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#6e346c
```
#6e346c rgb(110,52,108)
```

Split Complementary Color

#6e5334
```
#6e5334 rgb(110,83,52)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#53346e
```
#53346e rgb(83,52,110)
```

Triadic Color

#4f6e34
```
#4f6e34 rgb(79,110,52)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#53346e
```
#53346e rgb(83,52,110)
```
#6e344f
```
#6e344f rgb(110,52,79)
```

Tetradic Color

#1b3a2c
```
#1b3a2c rgb(27,58,44)
```
#244b39
```
#244b39 rgb(36,75,57)
```
#2c5d46
```
#2c5d46 rgb(44,93,70)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#3c7f60
```
#3c7f60 rgb(60,127,96)
```
#44916d
```
#44916d rgb(68,145,109)
```
#4da27a
```
#4da27a rgb(77,162,122)
```

Monochromatic Color

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

#346e45
```
#346e45 rgb(52,110,69)
```
#346e49
```
#346e49 rgb(52,110,73)
```
#346e4e
```
#346e4e rgb(52,110,78)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#346e58
```
#346e58 rgb(52,110,88)
```
#346e5d
```
#346e5d rgb(52,110,93)
```
#346e62
```
#346e62 rgb(52,110,98)
```

Similar Colors

Text with hexadecimal color #346e53

This text has a font color of #346e53.

<span style="color:#346e53;">Text here</span>

#346e53 background color

This paragraph has a background color of #346e53.

<p style="background-color:#346e53;">Content here</p>

#346e53 border color

This element has a border color of #346e53.

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

CSS codes

.text {color:#346e53;}

.background {background-color:#346e53;}

.border {border:1px solid #346e53;}

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

#020303
```
#020303 rgb(2,3,3)
```
#08110d
```
#08110d rgb(8,17,13)
```
#0e1e17
```
#0e1e17 rgb(14,30,23)
```
#152b21
```
#152b21 rgb(21,43,33)
```
#1b392b
```
#1b392b rgb(27,57,43)
```
#214635
```
#214635 rgb(33,70,53)
```
#27533f
```
#27533f rgb(39,83,63)
```
#2e6149
```
#2e6149 rgb(46,97,73)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#3a7b5d
```
#3a7b5d rgb(58,123,93)
```
#418967
```
#418967 rgb(65,137,103)
```
#479671
```
#479671 rgb(71,150,113)
```
#4da37b
```
#4da37b rgb(77,163,123)
```

Shade Color Variation

#55af85
```
#55af85 rgb(85,175,133)
```
#63b58f
```
#63b58f rgb(99,181,143)
```
#70bb98
```
#70bb98 rgb(112,187,152)
```
#7dc2a2
```
#7dc2a2 rgb(125,194,162)
```
#8bc8ab
```
#8bc8ab rgb(139,200,171)
```
#98ceb5
```
#98ceb5 rgb(152,206,181)
```
#a5d5bf
```
#a5d5bf rgb(165,213,191)
```
#b3dbc8
```
#b3dbc8 rgb(179,219,200)
```
#c0e1d2
```
#c0e1d2 rgb(192,225,210)
```
#cde7db
```
#cde7db rgb(205,231,219)
```
#daeee5
```
#daeee5 rgb(218,238,229)
```
#e8f4ee
```
#e8f4ee rgb(232,244,238)
```
#f5faf8
```
#f5faf8 rgb(245,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5551 is the less saturated color, while #02a056 is the most saturated one.

#4d5551
```
#4d5551 rgb(77,85,81)
```
#475b52
```
#475b52 rgb(71,91,82)
```
#406252
```
#406252 rgb(64,98,82)
```
#3a6853
```
#3a6853 rgb(58,104,83)
```
#346e53
```
#346e53 rgb(52,110,83)
```
#2e7453
```
#2e7453 rgb(46,116,83)
```
#287a54
```
#287a54 rgb(40,122,84)
```
#218154
```
#218154 rgb(33,129,84)
```
#1b8755
```
#1b8755 rgb(27,135,85)
```
#158d55
```
#158d55 rgb(21,141,85)
```
#0f9356
```
#0f9356 rgb(15,147,86)
```
#089a56
```
#089a56 rgb(8,154,86)
```
#02a056
```
#02a056 rgb(2,160,86)
```

Tone Color Variation

Below, you can see how #346e53 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

#5a5a5a Achromatopsia 0.005% of the population
#525e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716b57 Protanopia 1% of men
#796760 Deuteranopia 1% of men
#487179 Tritanopia 0.001% of the population

Trichromacy

#5b6c55 Protanomaly 1% of men, 0.01% of women
#5f695b Deuteranomaly 6% of men, 0.4% of women
#41706b Tritanomaly 0.01% of the population

#346e53 hex color

#346e53 Color Information

#346e53 Color Conversion

Color Schemes with #346e53

Alternatives to #346e53

#346e53 Preview

Shades and Tints of #346e53

Tones of #346e53

Color Blindness Simulator