#345b48 hex color

In a RGB color space, hex #345b48 is composed of 20.4% red, 35.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 0% magenta, 20.9% yellow and 64.3% black. It has a hue angle of 150.8 degrees, a saturation of 27.3% and a lightness of 28%. #345b48 color hex could be obtained by blending #68b690 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 20
- G 36
- B 28
RGB color chart
- C 43
- M 0
- Y 21
- K 64
CMYK color chart

● #345b48 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #345b48 has RGB values of R:52, G:91, B:72 and CMYK values of C:0.43, M:0, Y:0.21, K:0.64. Its decimal value is 3431240.

Hex triplet	345b48	`#345b48`
RGB Decimal	52, 91, 72	`rgb(52,91,72)`
RGB Percent	20.4, 35.7, 28.2	`rgb(20.4%,35.7%,28.2%)`
CMYK	43, 0, 21, 64
HSL	150.8°, 27.3, 28	`hsl(150.8,27.3%,28%)`
HSV (or HSB)	150.8°, 42.9, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.36, -18.746, 6.668
XYZ	6.327, 8.68, 7.473
xyY	0.281, 0.386, 8.68
CIE-LCH	35.36, 19.897, 160.419
CIE-LUV	35.36, -17.753, 10.644
Hunter-Lab	29.461, -13.226, 5.585
Binary	00110100, 01011011, 01001000

#345b48
```
#345b48 rgb(52,91,72)
```
#5b3447
```
#5b3447 rgb(91,52,71)
```

Complementary Color

#345b35
```
#345b35 rgb(52,91,53)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#345b5b
```
#345b5b rgb(52,91,91)
```

Analogous Color

#5b3534
```
#5b3534 rgb(91,53,52)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#5b345b
```
#5b345b rgb(91,52,91)
```

Split Complementary Color

#5b4834
```
#5b4834 rgb(91,72,52)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#48345b
```
#48345b rgb(72,52,91)
```

Triadic Color

#475b34
```
#475b34 rgb(71,91,52)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#48345b
```
#48345b rgb(72,52,91)
```
#5b3447
```
#5b3447 rgb(91,52,71)
```

Tetradic Color

#182a21
```
#182a21 rgb(24,42,33)
```
#213b2e
```
#213b2e rgb(33,59,46)
```
#2b4b3b
```
#2b4b3b rgb(43,75,59)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#3d6b55
```
#3d6b55 rgb(61,107,85)
```
#477b62
```
#477b62 rgb(71,123,98)
```
#508c6f
```
#508c6f rgb(80,140,111)
```

Monochromatic Color

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

#345b3e
```
#345b3e rgb(52,91,62)
```
#345b42
```
#345b42 rgb(52,91,66)
```
#345b45
```
#345b45 rgb(52,91,69)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#345b4b
```
#345b4b rgb(52,91,75)
```
#345b4f
```
#345b4f rgb(52,91,79)
```
#345b52
```
#345b52 rgb(52,91,82)
```

Similar Colors

Text with hexadecimal color #345b48

This text has a font color of #345b48.

<span style="color:#345b48;">Text here</span>

#345b48 background color

This paragraph has a background color of #345b48.

<p style="background-color:#345b48;">Content here</p>

#345b48 border color

This element has a border color of #345b48.

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

CSS codes

.text {color:#345b48;}

.background {background-color:#345b48;}

.border {border:1px solid #345b48;}

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

#020403
```
#020403 rgb(2,4,3)
```
#09100d
```
#09100d rgb(9,16,13)
```
#101d17
```
#101d17 rgb(16,29,23)
```
#172920
```
#172920 rgb(23,41,32)
```
#1f362a
```
#1f362a rgb(31,54,42)
```
#264234
```
#264234 rgb(38,66,52)
```
#2d4f3e
```
#2d4f3e rgb(45,79,62)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#3b6752
```
#3b6752 rgb(59,103,82)
```
#42745c
```
#42745c rgb(66,116,92)
```
#498066
```
#498066 rgb(73,128,102)
```
#518d70
```
#518d70 rgb(81,141,112)
```
#589979
```
#589979 rgb(88,153,121)
```

Shade Color Variation

#60a483
```
#60a483 rgb(96,164,131)
```
#6dab8d
```
#6dab8d rgb(109,171,141)
```
#79b397
```
#79b397 rgb(121,179,151)
```
#86baa0
```
#86baa0 rgb(134,186,160)
```
#92c1aa
```
#92c1aa rgb(146,193,170)
```
#9fc8b4
```
#9fc8b4 rgb(159,200,180)
```
#abcfbe
```
#abcfbe rgb(171,207,190)
```
#b8d6c7
```
#b8d6c7 rgb(184,214,199)
```
#c4ddd1
```
#c4ddd1 rgb(196,221,209)
```
#d1e5db
```
#d1e5db rgb(209,229,219)
```
#ddece5
```
#ddece5 rgb(221,236,229)
```
#eaf3ee
```
#eaf3ee rgb(234,243,238)
```
#f6faf8
```
#f6faf8 rgb(246,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454b48 is the less saturated color, while #028d49 is the most saturated one.

#454b48
```
#454b48 rgb(69,75,72)
```
#3f5048
```
#3f5048 rgb(63,80,72)
```
#3a5648
```
#3a5648 rgb(58,86,72)
```
#345b48
```
#345b48 rgb(52,91,72)
```
#2f6148
```
#2f6148 rgb(47,97,72)
```
#296648
```
#296648 rgb(41,102,72)
```
#246c48
```
#246c48 rgb(36,108,72)
```
#1e7149
```
#1e7149 rgb(30,113,73)
```
#197749
```
#197749 rgb(25,119,73)
```
#137c49
```
#137c49 rgb(19,124,73)
```
#0e8249
```
#0e8249 rgb(14,130,73)
```
#088749
```
#088749 rgb(8,135,73)
```
#028d49
```
#028d49 rgb(2,141,73)
```

Tone Color Variation

Below, you can see how #345b48 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

#4d4d4d Achromatopsia 0.005% of the population
#48504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b4d Protanopia 1% of men
#675955 Deuteranopia 1% of men
#446067 Tritanopia 0.001% of the population

Trichromacy

#505b4b Protanomaly 1% of men, 0.01% of women
#545950 Deuteranomaly 6% of men, 0.4% of women
#3e5e5c Tritanomaly 0.01% of the population

#345b48 hex color

#345b48 Color Information

#345b48 Color Conversion

Color Schemes with #345b48

Alternatives to #345b48

#345b48 Preview

Shades and Tints of #345b48

Tones of #345b48

Color Blindness Simulator