#346e5b hex color

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

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

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

The hexadecimal color #346e5b has RGB values of R:52, G:110, B:91 and CMYK values of C:0.53, M:0, Y:0.17, K:0.57. Its decimal value is 3436123.

Hex triplet	346e5b	`#346e5b`
RGB Decimal	52, 110, 91	`rgb(52,110,91)`
RGB Percent	20.4, 43.1, 35.7	`rgb(20.4%,43.1%,35.7%)`
CMYK	53, 0, 17, 57
HSL	160.3°, 35.8, 31.8	`hsl(160.3,35.8%,31.8%)`
HSV (or HSB)	160.3°, 52.7, 43.1
Web Safe	336666	`#336666`

CIE-LAB	42.211, -24.03, 4.826
XYZ	8.88, 12.637, 11.868
xyY	0.266, 0.379, 12.637
CIE-LCH	42.211, 24.51, 168.644
CIE-LUV	42.211, -25.28, 9.668
Hunter-Lab	35.548, -17.62, 5.089
Binary	00110100, 01101110, 01011011

#346e5b
```
#346e5b rgb(52,110,91)
```
#6e3447
```
#6e3447 rgb(110,52,71)
```

Complementary Color

#346e3e
```
#346e3e rgb(52,110,62)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#34646e
```
#34646e rgb(52,100,110)
```

Analogous Color

#6e3e34
```
#6e3e34 rgb(110,62,52)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#6e3464
```
#6e3464 rgb(110,52,100)
```

Split Complementary Color

#6e5b34
```
#6e5b34 rgb(110,91,52)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#5b346e
```
#5b346e rgb(91,52,110)
```

Triadic Color

#476e34
```
#476e34 rgb(71,110,52)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#5b346e
```
#5b346e rgb(91,52,110)
```
#6e3447
```
#6e3447 rgb(110,52,71)
```

Tetradic Color

#1b3a30
```
#1b3a30 rgb(27,58,48)
```
#244b3e
```
#244b3e rgb(36,75,62)
```
#2c5d4d
```
#2c5d4d rgb(44,93,77)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#3c7f69
```
#3c7f69 rgb(60,127,105)
```
#449178
```
#449178 rgb(68,145,120)
```
#4da286
```
#4da286 rgb(77,162,134)
```

Monochromatic Color

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

#346e4d
```
#346e4d rgb(52,110,77)
```
#346e51
```
#346e51 rgb(52,110,81)
```
#346e56
```
#346e56 rgb(52,110,86)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#346e60
```
#346e60 rgb(52,110,96)
```
#346e65
```
#346e65 rgb(52,110,101)
```
#346e6a
```
#346e6a rgb(52,110,106)
```

Similar Colors

Text with hexadecimal color #346e5b

This text has a font color of #346e5b.

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

#346e5b background color

This paragraph has a background color of #346e5b.

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

#346e5b border color

This element has a border color of #346e5b.

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

CSS codes

.text {color:#346e5b;}

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

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

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)
```
#0e1e19
```
#0e1e19 rgb(14,30,25)
```
#152b24
```
#152b24 rgb(21,43,36)
```
#1b392f
```
#1b392f rgb(27,57,47)
```
#21463a
```
#21463a rgb(33,70,58)
```
#275345
```
#275345 rgb(39,83,69)
```
#2e6150
```
#2e6150 rgb(46,97,80)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#3a7b66
```
#3a7b66 rgb(58,123,102)
```
#418971
```
#418971 rgb(65,137,113)
```
#47967c
```
#47967c rgb(71,150,124)
```
#4da387
```
#4da387 rgb(77,163,135)
```

Shade Color Variation

#55af91
```
#55af91 rgb(85,175,145)
```
#63b59a
```
#63b59a rgb(99,181,154)
```
#70bba3
```
#70bba3 rgb(112,187,163)
```
#7dc2ab
```
#7dc2ab rgb(125,194,171)
```
#8bc8b4
```
#8bc8b4 rgb(139,200,180)
```
#98cebc
```
#98cebc rgb(152,206,188)
```
#a5d5c5
```
#a5d5c5 rgb(165,213,197)
```
#b3dbce
```
#b3dbce rgb(179,219,206)
```
#c0e1d6
```
#c0e1d6 rgb(192,225,214)
```
#cde7df
```
#cde7df rgb(205,231,223)
```
#daeee7
```
#daeee7 rgb(218,238,231)
```
#e8f4f0
```
#e8f4f0 rgb(232,244,240)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#4d5552
```
#4d5552 rgb(77,85,82)
```
#475b55
```
#475b55 rgb(71,91,85)
```
#406257
```
#406257 rgb(64,98,87)
```
#3a6859
```
#3a6859 rgb(58,104,89)
```
#346e5b
```
#346e5b rgb(52,110,91)
```
#2e745d
```
#2e745d rgb(46,116,93)
```
#287a5f
```
#287a5f rgb(40,122,95)
```
#218161
```
#218161 rgb(33,129,97)
```
#1b8764
```
#1b8764 rgb(27,135,100)
```
#158d66
```
#158d66 rgb(21,141,102)
```
#0f9368
```
#0f9368 rgb(15,147,104)
```
#089a6a
```
#089a6a rgb(8,154,106)
```
#02a06c
```
#02a06c rgb(2,160,108)
```

Tone Color Variation

Below, you can see how #346e5b 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
#525e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b5e Protanopia 1% of men
#776868 Deuteranopia 1% of men
#46727a Tritanopia 0.001% of the population

Trichromacy

#5a6c5d Protanomaly 1% of men, 0.01% of women
#5e6a63 Deuteranomaly 6% of men, 0.4% of women
#3f706f Tritanomaly 0.01% of the population

#346e5b hex color

#346e5b Color Information

#346e5b Color Conversion

Color Schemes with #346e5b

Alternatives to #346e5b

#346e5b Preview

Shades and Tints of #346e5b

Tones of #346e5b

Color Blindness Simulator