#345c48 hex color

In a RGB color space, hex #345c48 is composed of 20.4% red, 36.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 0% magenta, 21.7% yellow and 63.9% black. It has a hue angle of 150 degrees, a saturation of 27.8% and a lightness of 28.2%. #345c48 color hex could be obtained by blending #68b890 with #000000. Closest websafe color is: #336633.

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

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

The hexadecimal color #345c48 has RGB values of R:52, G:92, B:72 and CMYK values of C:0.43, M:0, Y:0.22, K:0.64. Its decimal value is 3431496.

Hex triplet	345c48	`#345c48`
RGB Decimal	52, 92, 72	`rgb(52,92,72)`
RGB Percent	20.4, 36.1, 28.2	`rgb(20.4%,36.1%,28.2%)`
CMYK	43, 0, 22, 64
HSL	150°, 27.8, 28.2	`hsl(150,27.8%,28.2%)`
HSV (or HSB)	150°, 43.5, 36.1
Web Safe	336633	`#336633`

CIE-LAB	35.698, -19.285, 7.145
XYZ	6.413, 8.852, 7.501
xyY	0.282, 0.389, 8.852
CIE-LCH	35.698, 20.566, 159.67
CIE-LUV	35.698, -18.193, 11.307
Hunter-Lab	29.752, -13.593, 5.878
Binary	00110100, 01011100, 01001000

#345c48
```
#345c48 rgb(52,92,72)
```
#5c3448
```
#5c3448 rgb(92,52,72)
```

Complementary Color

#345c34
```
#345c34 rgb(52,92,52)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#345c5c
```
#345c5c rgb(52,92,92)
```

Analogous Color

#5c3434
```
#5c3434 rgb(92,52,52)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#5c345c
```
#5c345c rgb(92,52,92)
```

Split Complementary Color

#5c4834
```
#5c4834 rgb(92,72,52)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#48345c
```
#48345c rgb(72,52,92)
```

Triadic Color

#485c34
```
#485c34 rgb(72,92,52)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#48345c
```
#48345c rgb(72,52,92)
```
#5c3448
```
#5c3448 rgb(92,52,72)
```

Tetradic Color

#182b22
```
#182b22 rgb(24,43,34)
```
#223b2f
```
#223b2f rgb(34,59,47)
```
#2b4c3b
```
#2b4c3b rgb(43,76,59)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#3d6c55
```
#3d6c55 rgb(61,108,85)
```
#467d62
```
#467d62 rgb(70,125,98)
```
#508d6e
```
#508d6e rgb(80,141,110)
```

Monochromatic Color

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

#345c3e
```
#345c3e rgb(52,92,62)
```
#345c41
```
#345c41 rgb(52,92,65)
```
#345c45
```
#345c45 rgb(52,92,69)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#345c4b
```
#345c4b rgb(52,92,75)
```
#345c4f
```
#345c4f rgb(52,92,79)
```
#345c52
```
#345c52 rgb(52,92,82)
```

Similar Colors

Text with hexadecimal color #345c48

This text has a font color of #345c48.

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

#345c48 background color

This paragraph has a background color of #345c48.

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

#345c48 border color

This element has a border color of #345c48.

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

CSS codes

.text {color:#345c48;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#0a110d
```
#0a110d rgb(10,17,13)
```
#111d17
```
#111d17 rgb(17,29,23)
```
#182a21
```
#182a21 rgb(24,42,33)
```
#1f362b
```
#1f362b rgb(31,54,43)
```
#264334
```
#264334 rgb(38,67,52)
```
#2d4f3e
```
#2d4f3e rgb(45,79,62)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#3b6952
```
#3b6952 rgb(59,105,82)
```
#42755c
```
#42755c rgb(66,117,92)
```
#498265
```
#498265 rgb(73,130,101)
```
#508e6f
```
#508e6f rgb(80,142,111)
```
#579b79
```
#579b79 rgb(87,155,121)
```

Shade Color Variation

#60a583
```
#60a583 rgb(96,165,131)
```
#6dac8d
```
#6dac8d rgb(109,172,141)
```
#79b496
```
#79b496 rgb(121,180,150)
```
#86bba0
```
#86bba0 rgb(134,187,160)
```
#92c2aa
```
#92c2aa rgb(146,194,170)
```
#9fc9b4
```
#9fc9b4 rgb(159,201,180)
```
#acd0be
```
#acd0be rgb(172,208,190)
```
#b8d7c8
```
#b8d7c8 rgb(184,215,200)
```
#c5ded1
```
#c5ded1 rgb(197,222,209)
```
#d1e5db
```
#d1e5db rgb(209,229,219)
```
#deece5
```
#deece5 rgb(222,236,229)
```
#eaf3ef
```
#eaf3ef rgb(234,243,239)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#454b48
```
#454b48 rgb(69,75,72)
```
#3f5148
```
#3f5148 rgb(63,81,72)
```
#3a5648
```
#3a5648 rgb(58,86,72)
```
#345c48
```
#345c48 rgb(52,92,72)
```
#2e6248
```
#2e6248 rgb(46,98,72)
```
#296748
```
#296748 rgb(41,103,72)
```
#236d48
```
#236d48 rgb(35,109,72)
```
#1e7248
```
#1e7248 rgb(30,114,72)
```
#187848
```
#187848 rgb(24,120,72)
```
#137d48
```
#137d48 rgb(19,125,72)
```
#0d8348
```
#0d8348 rgb(13,131,72)
```
#088848
```
#088848 rgb(8,136,72)
```
#028e48
```
#028e48 rgb(2,142,72)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#49514d Atypical Achromatopsia 0.001% of the population

Dichromacy

#615c4d Protanopia 1% of men
#685955 Deuteranopia 1% of men
#456168 Tritanopia 0.001% of the population

Trichromacy

#515c4b Protanomaly 1% of men, 0.01% of women
#555a50 Deuteranomaly 6% of men, 0.4% of women
#3e5f5c Tritanomaly 0.01% of the population

#345c48 hex color

#345c48 Color Information

#345c48 Color Conversion

Color Schemes with #345c48

Alternatives to #345c48

#345c48 Preview

Shades and Tints of #345c48

Tones of #345c48

Color Blindness Simulator