#346d6b hex color

In a RGB color space, hex #346d6b is composed of 20.4% red, 42.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 1.8% yellow and 57.3% black. It has a hue angle of 177.9 degrees, a saturation of 35.4% and a lightness of 31.6%. #346d6b color hex could be obtained by blending #68dad6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 43
- B 42
RGB color chart
- C 52
- M 0
- Y 2
- K 57
CMYK color chart

● #346d6b color description : Very dark desaturated cyan.

The hexadecimal color #346d6b has RGB values of R:52, G:109, B:107 and CMYK values of C:0.52, M:0, Y:0.02, K:0.57. Its decimal value is 3435883.

Hex triplet	346d6b	`#346d6b`
RGB Decimal	52, 109, 107	`rgb(52,109,107)`
RGB Percent	20.4, 42.7, 42	`rgb(20.4%,42.7%,42%)`
CMYK	52, 0, 2, 57
HSL	177.9°, 35.4, 31.6	`hsl(177.9,35.4%,31.6%)`
HSV (or HSB)	177.9°, 52.3, 42.7
Web Safe	336666	`#336666`

CIE-LAB	42.351, -19.163, -4.633
XYZ	9.538, 12.728, 15.863
xyY	0.25, 0.334, 12.728
CIE-LCH	42.351, 19.715, 193.593
CIE-LUV	42.351, -24.244, -3.59
Hunter-Lab	35.677, -14.713, -1.389
Binary	00110100, 01101101, 01101011

#346d6b
```
#346d6b rgb(52,109,107)
```
#6d3436
```
#6d3436 rgb(109,52,54)
```

Complementary Color

#346d4f
```
#346d4f rgb(52,109,79)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#34536d
```
#34536d rgb(52,83,109)
```

Analogous Color

#6d4f34
```
#6d4f34 rgb(109,79,52)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#6d3453
```
#6d3453 rgb(109,52,83)
```

Split Complementary Color

#6d6b34
```
#6d6b34 rgb(109,107,52)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#6b346d
```
#6b346d rgb(107,52,109)
```

Triadic Color

#366d34
```
#366d34 rgb(54,109,52)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#6b346d
```
#6b346d rgb(107,52,109)
```
#6d3436
```
#6d3436 rgb(109,52,54)
```

Tetradic Color

#1b3938
```
#1b3938 rgb(27,57,56)
```
#244a49
```
#244a49 rgb(36,74,73)
```
#2c5c5a
```
#2c5c5a rgb(44,92,90)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#3c7e7c
```
#3c7e7c rgb(60,126,124)
```
#44908d
```
#44908d rgb(68,144,141)
```
#4da19e
```
#4da19e rgb(77,161,158)
```

Monochromatic Color

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

#346d5d
```
#346d5d rgb(52,109,93)
```
#346d62
```
#346d62 rgb(52,109,98)
```
#346d66
```
#346d66 rgb(52,109,102)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#346a6d
```
#346a6d rgb(52,106,109)
```
#34666d
```
#34666d rgb(52,102,109)
```
#34616d
```
#34616d rgb(52,97,109)
```

Similar Colors

Text with hexadecimal color #346d6b

This text has a font color of #346d6b.

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

#346d6b background color

This paragraph has a background color of #346d6b.

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

#346d6b border color

This element has a border color of #346d6b.

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

CSS codes

.text {color:#346d6b;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#081010
```
#081010 rgb(8,16,16)
```
#0e1d1d
```
#0e1d1d rgb(14,29,29)
```
#142b2a
```
#142b2a rgb(20,43,42)
```
#1b3837
```
#1b3837 rgb(27,56,55)
```
#214544
```
#214544 rgb(33,69,68)
```
#275251
```
#275251 rgb(39,82,81)
```
#2e605e
```
#2e605e rgb(46,96,94)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#3a7a78
```
#3a7a78 rgb(58,122,120)
```
#418885
```
#418885 rgb(65,136,133)
```
#479592
```
#479592 rgb(71,149,146)
```
#4da29f
```
#4da29f rgb(77,162,159)
```

Shade Color Variation

#55aeab
```
#55aeab rgb(85,174,171)
```
#62b4b1
```
#62b4b1 rgb(98,180,177)
```
#70bbb8
```
#70bbb8 rgb(112,187,184)
```
#7dc1bf
```
#7dc1bf rgb(125,193,191)
```
#8ac7c5
```
#8ac7c5 rgb(138,199,197)
```
#98cecc
```
#98cecc rgb(152,206,204)
```
#a5d4d2
```
#a5d4d2 rgb(165,212,210)
```
#b2dad9
```
#b2dad9 rgb(178,218,217)
```
#bfe1df
```
#bfe1df rgb(191,225,223)
```
#cde7e6
```
#cde7e6 rgb(205,231,230)
```
#daeded
```
#daeded rgb(218,237,237)
```
#e7f4f3
```
#e7f4f3 rgb(231,244,243)
```
#f4fafa
```
#f4fafa rgb(244,250,250)
```

Tint Color Variation

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

#4d5454
```
#4d5454 rgb(77,84,84)
```
#475a5a
```
#475a5a rgb(71,90,90)
```
#40615f
```
#40615f rgb(64,97,95)
```
#3a6765
```
#3a6765 rgb(58,103,101)
```
#346d6b
```
#346d6b rgb(52,109,107)
```
#2e7371
```
#2e7371 rgb(46,115,113)
```
#287977
```
#287977 rgb(40,121,119)
```
#21807c
```
#21807c rgb(33,128,124)
```
#1b8682
```
#1b8682 rgb(27,134,130)
```
#158c88
```
#158c88 rgb(21,140,136)
```
#0f928e
```
#0f928e rgb(15,146,142)
```
#099893
```
#099893 rgb(9,152,147)
```
#029f99
```
#029f99 rgb(2,159,153)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6b6d Protanopia 1% of men
#706976 Deuteranopia 1% of men
#42737b Tritanopia 0.001% of the population

Trichromacy

#586c6c Protanomaly 1% of men, 0.01% of women
#5a6a72 Deuteranomaly 6% of men, 0.4% of women
#3d7075 Tritanomaly 0.01% of the population

#346d6b hex color

#346d6b Color Information

#346d6b Color Conversion

Color Schemes with #346d6b

Alternatives to #346d6b

#346d6b Preview

Shades and Tints of #346d6b

Tones of #346d6b

Color Blindness Simulator