colorhexa.com

#346b45 hex color

In a RGB color space, hex #346b45 is composed of 20.4% red, 42% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 35.5% yellow and 58% black. It has a hue angle of 138.5 degrees, a saturation of 34.6% and a lightness of 31.2%. #346b45 color hex could be obtained by blending #68d68a with #000000. Closest websafe color is: #336633.

- R 20
- G 42
- B 27
RGB color chart
- C 51
- M 0
- Y 36
- K 58
CMYK color chart

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

The hexadecimal color #346b45 has RGB values of R:52, G:107, B:69 and CMYK values of C:0.51, M:0, Y:0.36, K:0.58. Its decimal value is 3435333.

Hex triplet	346b45	`#346b45`
RGB Decimal	52, 107, 69	`rgb(52,107,69)`
RGB Percent	20.4, 42, 27.1	`rgb(20.4%,42%,27.1%)`
CMYK	51, 0, 36, 58
HSL	138.5°, 34.6, 31.2	`hsl(138.5,34.6%,31.2%)`
HSV (or HSB)	138.5°, 51.4, 42
Web Safe	336633	`#336633`

CIE-LAB	40.694, -27.578, 15.855
XYZ	7.748, 11.675, 7.475
xyY	0.288, 0.434, 11.675
CIE-LCH	40.694, 31.811, 150.104
CIE-LUV	40.694, -24.802, 23.001
Hunter-Lab	34.168, -19.319, 10.947
Binary	00110100, 01101011, 01000101

#346b45
```
#346b45 rgb(52,107,69)
```
#6b345a
```
#6b345a rgb(107,52,90)
```

Complementary Color

#3f6b34
```
#3f6b34 rgb(63,107,52)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#346b61
```
#346b61 rgb(52,107,97)
```

Analogous Color

#6b343f
```
#6b343f rgb(107,52,63)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#61346b
```
#61346b rgb(97,52,107)
```

Split Complementary Color

#6b4534
```
#6b4534 rgb(107,69,52)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#45346b
```
#45346b rgb(69,52,107)
```

Triadic Color

#1b3824
```
#1b3824 rgb(27,56,36)
```
#23492f
```
#23492f rgb(35,73,47)
```
#2c5a3a
```
#2c5a3a rgb(44,90,58)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#3c7c50
```
#3c7c50 rgb(60,124,80)
```
#458d5b
```
#458d5b rgb(69,141,91)
```
#4d9e66
```
#4d9e66 rgb(77,158,102)
```

Monochromatic Color

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

#346b37
```
#346b37 rgb(52,107,55)
```
#346b3c
```
#346b3c rgb(52,107,60)
```
#346b40
```
#346b40 rgb(52,107,64)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#346b4a
```
#346b4a rgb(52,107,74)
```
#346b4e
```
#346b4e rgb(52,107,78)
```
#346b53
```
#346b53 rgb(52,107,83)
```

Similar Colors

Text with hexadecimal color #346b45

This text has a font color of #346b45.

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

#346b45 background color

This paragraph has a background color of #346b45.

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

#346b45 border color

This element has a border color of #346b45.

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

CSS codes

.text {color:#346b45;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070f09
```
#070f09 rgb(7,15,9)
```
#0e1c12
```
#0e1c12 rgb(14,28,18)
```
#14291a
```
#14291a rgb(20,41,26)
```
#1a3623
```
#1a3623 rgb(26,54,35)
```
#21432b
```
#21432b rgb(33,67,43)
```
#275134
```
#275134 rgb(39,81,52)
```
#2e5e3c
```
#2e5e3c rgb(46,94,60)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#3a784e
```
#3a784e rgb(58,120,78)
```
#418556
```
#418556 rgb(65,133,86)
```
#47935f
```
#47935f rgb(71,147,95)
```
#4ea067
```
#4ea067 rgb(78,160,103)
```

Shade Color Variation

#55ac70
```
#55ac70 rgb(85,172,112)
```
#62b37b
```
#62b37b rgb(98,179,123)
```
#6fb986
```
#6fb986 rgb(111,185,134)
```
#7cc091
```
#7cc091 rgb(124,192,145)
```
#8ac69c
```
#8ac69c rgb(138,198,156)
```
#97cca7
```
#97cca7 rgb(151,204,167)
```
#a4d3b2
```
#a4d3b2 rgb(164,211,178)
```
#b1d9be
```
#b1d9be rgb(177,217,190)
```
#bee0c9
```
#bee0c9 rgb(190,224,201)
```
#cce6d4
```
#cce6d4 rgb(204,230,212)
```
#d9ecdf
```
#d9ecdf rgb(217,236,223)
```
#e6f3ea
```
#e6f3ea rgb(230,243,234)
```
#f3f9f5
```
#f3f9f5 rgb(243,249,245)
```

Tint Color Variation

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

#4c534e
```
#4c534e rgb(76,83,78)
```
#46594c
```
#46594c rgb(70,89,76)
```
#405f4a
```
#405f4a rgb(64,95,74)
```
#3a6547
```
#3a6547 rgb(58,101,71)
```
#346b45
```
#346b45 rgb(52,107,69)
```
#2e7143
```
#2e7143 rgb(46,113,67)
```
#287740
```
#287740 rgb(40,119,64)
```
#227d3e
```
#227d3e rgb(34,125,62)
```
#1c833c
```
#1c833c rgb(28,131,60)
```
#158a39
```
#158a39 rgb(21,138,57)
```
#0f9037
```
#0f9037 rgb(15,144,55)
```
#099635
```
#099635 rgb(9,150,53)
```
#039c32
```
#039c32 rgb(3,156,50)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70684a Protanopia 1% of men
#796453 Deuteranopia 1% of men
#4a6d75 Tritanopia 0.001% of the population

Trichromacy

#5a6948 Protanomaly 1% of men, 0.01% of women
#5f664e Deuteranomaly 6% of men, 0.4% of women
#426c63 Tritanomaly 0.01% of the population