#346e5f hex color

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

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

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

The hexadecimal color #346e5f has RGB values of R:52, G:110, B:95 and CMYK values of C:0.53, M:0, Y:0.14, K:0.57. Its decimal value is 3436127.

Hex triplet	346e5f	`#346e5f`
RGB Decimal	52, 110, 95	`rgb(52,110,95)`
RGB Percent	20.4, 43.1, 37.3	`rgb(20.4%,43.1%,37.3%)`
CMYK	53, 0, 14, 57
HSL	164.5°, 35.8, 31.8	`hsl(164.5,35.8%,31.8%)`
HSV (or HSB)	164.5°, 52.7, 43.1
Web Safe	336666	`#336666`

CIE-LAB	42.319, -22.999, 2.572
XYZ	9.057, 12.708, 12.801
xyY	0.262, 0.368, 12.708
CIE-LCH	42.319, 23.142, 173.618
CIE-LUV	42.319, -25.125, 6.63
Hunter-Lab	35.648, -17.032, 3.662
Binary	00110100, 01101110, 01011111

#346e5f
```
#346e5f rgb(52,110,95)
```
#6e3443
```
#6e3443 rgb(110,52,67)
```

Complementary Color

#346e42
```
#346e42 rgb(52,110,66)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#34606e
```
#34606e rgb(52,96,110)
```

Analogous Color

#6e4234
```
#6e4234 rgb(110,66,52)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#6e3460
```
#6e3460 rgb(110,52,96)
```

Split Complementary Color

#6e5f34
```
#6e5f34 rgb(110,95,52)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#5f346e
```
#5f346e rgb(95,52,110)
```

Triadic Color

#436e34
```
#436e34 rgb(67,110,52)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#5f346e
```
#5f346e rgb(95,52,110)
```
#6e3443
```
#6e3443 rgb(110,52,67)
```

Tetradic Color

#1b3a32
```
#1b3a32 rgb(27,58,50)
```
#244b41
```
#244b41 rgb(36,75,65)
```
#2c5d50
```
#2c5d50 rgb(44,93,80)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#3c7f6e
```
#3c7f6e rgb(60,127,110)
```
#44917d
```
#44917d rgb(68,145,125)
```
#4da28c
```
#4da28c rgb(77,162,140)
```

Monochromatic Color

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

#346e51
```
#346e51 rgb(52,110,81)
```
#346e55
```
#346e55 rgb(52,110,85)
```
#346e5a
```
#346e5a rgb(52,110,90)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#346e64
```
#346e64 rgb(52,110,100)
```
#346e69
```
#346e69 rgb(52,110,105)
```
#346e6e
```
#346e6e rgb(52,110,110)
```

Similar Colors

Text with hexadecimal color #346e5f

This text has a font color of #346e5f.

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

#346e5f background color

This paragraph has a background color of #346e5f.

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

#346e5f border color

This element has a border color of #346e5f.

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

CSS codes

.text {color:#346e5f;}

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

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

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 #f5faf9 is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#08110e
```
#08110e rgb(8,17,14)
```
#0e1e1a
```
#0e1e1a rgb(14,30,26)
```
#152b25
```
#152b25 rgb(21,43,37)
```
#1b3931
```
#1b3931 rgb(27,57,49)
```
#21463c
```
#21463c rgb(33,70,60)
```
#275348
```
#275348 rgb(39,83,72)
```
#2e6153
```
#2e6153 rgb(46,97,83)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#3a7b6b
```
#3a7b6b rgb(58,123,107)
```
#418976
```
#418976 rgb(65,137,118)
```
#479682
```
#479682 rgb(71,150,130)
```
#4da38d
```
#4da38d rgb(77,163,141)
```

Shade Color Variation

#55af98
```
#55af98 rgb(85,175,152)
```
#63b5a0
```
#63b5a0 rgb(99,181,160)
```
#70bba8
```
#70bba8 rgb(112,187,168)
```
#7dc2b0
```
#7dc2b0 rgb(125,194,176)
```
#8bc8b8
```
#8bc8b8 rgb(139,200,184)
```
#98cec0
```
#98cec0 rgb(152,206,192)
```
#a5d5c8
```
#a5d5c8 rgb(165,213,200)
```
#b3dbd0
```
#b3dbd0 rgb(179,219,208)
```
#c0e1d9
```
#c0e1d9 rgb(192,225,217)
```
#cde7e1
```
#cde7e1 rgb(205,231,225)
```
#daeee9
```
#daeee9 rgb(218,238,233)
```
#e8f4f1
```
#e8f4f1 rgb(232,244,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#4d5553
```
#4d5553 rgb(77,85,83)
```
#475b56
```
#475b56 rgb(71,91,86)
```
#406259
```
#406259 rgb(64,98,89)
```
#3a685c
```
#3a685c rgb(58,104,92)
```
#346e5f
```
#346e5f rgb(52,110,95)
```
#2e7462
```
#2e7462 rgb(46,116,98)
```
#287a65
```
#287a65 rgb(40,122,101)
```
#218168
```
#218168 rgb(33,129,104)
```
#1b876b
```
#1b876b rgb(27,135,107)
```
#158d6e
```
#158d6e rgb(21,141,110)
```
#0f9371
```
#0f9371 rgb(15,147,113)
```
#089a74
```
#089a74 rgb(8,154,116)
```
#02a077
```
#02a077 rgb(2,160,119)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b62 Protanopia 1% of men
#75686b Deuteranopia 1% of men
#45727a Tritanopia 0.001% of the population

Trichromacy

#5a6c61 Protanomaly 1% of men, 0.01% of women
#5d6a67 Deuteranomaly 6% of men, 0.4% of women
#3f7070 Tritanomaly 0.01% of the population

#346e5f hex color

#346e5f Color Information

#346e5f Color Conversion

Color Schemes with #346e5f

Alternatives to #346e5f

#346e5f Preview

Shades and Tints of #346e5f

Tones of #346e5f

Color Blindness Simulator