#3c5342 hex color

In a RGB color space, hex #3c5342 is composed of 23.5% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 0% magenta, 20.5% yellow and 67.5% black. It has a hue angle of 135.7 degrees, a saturation of 16.1% and a lightness of 28%. #3c5342 color hex could be obtained by blending #78a684 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 24
- G 33
- B 26
RGB color chart
- C 28
- M 0
- Y 20
- K 67
CMYK color chart

● #3c5342 color description : Very dark grayish cyan - lime green.

The hexadecimal color #3c5342 has RGB values of R:60, G:83, B:66 and CMYK values of C:0.28, M:0, Y:0.2, K:0.67. Its decimal value is 3953474.

Hex triplet	3c5342	`#3c5342`
RGB Decimal	60, 83, 66	`rgb(60,83,66)`
RGB Percent	23.5, 32.5, 25.9	`rgb(23.5%,32.5%,25.9%)`
CMYK	28, 0, 20, 67
HSL	135.7°, 16.1, 28	`hsl(135.7,16.1%,28%)`
HSV (or HSB)	135.7°, 27.7, 32.5
Web Safe	336633	`#336633`

CIE-LAB	33.007, -12.817, 7.153
XYZ	5.94, 7.54, 6.296
xyY	0.3, 0.381, 7.54
CIE-LCH	33.007, 14.678, 150.833
CIE-LUV	33.007, -10.98, 10.152
Hunter-Lab	27.46, -9.443, 5.627
Binary	00111100, 01010011, 01000010

#3c5342
```
#3c5342 rgb(60,83,66)
```
#533c4d
```
#533c4d rgb(83,60,77)
```

Complementary Color

#42533c
```
#42533c rgb(66,83,60)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#3c534e
```
#3c534e rgb(60,83,78)
```

Analogous Color

#533c42
```
#533c42 rgb(83,60,66)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#4e3c53
```
#4e3c53 rgb(78,60,83)
```

Split Complementary Color

#53423c
```
#53423c rgb(83,66,60)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#423c53
```
#423c53 rgb(66,60,83)
```

Triadic Color

#4d533c
```
#4d533c rgb(77,83,60)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#423c53
```
#423c53 rgb(66,60,83)
```
#533c4d
```
#533c4d rgb(83,60,77)
```

Tetradic Color

#1c271f
```
#1c271f rgb(28,39,31)
```
#27352a
```
#27352a rgb(39,53,42)
```
#314436
```
#314436 rgb(49,68,54)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#47624e
```
#47624e rgb(71,98,78)
```
#51715a
```
#51715a rgb(81,113,90)
```
#5c7f65
```
#5c7f65 rgb(92,127,101)
```

Monochromatic Color

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

#3c533c
```
#3c533c rgb(60,83,60)
```
#3c533e
```
#3c533e rgb(60,83,62)
```
#3c5340
```
#3c5340 rgb(60,83,64)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#3c5344
```
#3c5344 rgb(60,83,68)
```
#3c5346
```
#3c5346 rgb(60,83,70)
```
#3c5348
```
#3c5348 rgb(60,83,72)
```

Similar Colors

Text with hexadecimal color #3c5342

This text has a font color of #3c5342.

<span style="color:#3c5342;">Text here</span>

#3c5342 background color

This paragraph has a background color of #3c5342.

<p style="background-color:#3c5342;">Content here</p>

#3c5342 border color

This element has a border color of #3c5342.

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

CSS codes

.text {color:#3c5342;}

.background {background-color:#3c5342;}

.border {border:1px solid #3c5342;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0f0c
```
#0b0f0c rgb(11,15,12)
```
#131a15
```
#131a15 rgb(19,26,21)
```
#1b251e
```
#1b251e rgb(27,37,30)
```
#233127
```
#233127 rgb(35,49,39)
```
#2c3c30
```
#2c3c30 rgb(44,60,48)
```
#344839
```
#344839 rgb(52,72,57)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#445e4b
```
#445e4b rgb(68,94,75)
```
#4c6a54
```
#4c6a54 rgb(76,106,84)
```
#55755d
```
#55755d rgb(85,117,93)
```
#5d8166
```
#5d8166 rgb(93,129,102)
```
#658c6f
```
#658c6f rgb(101,140,111)
```

Shade Color Variation

#6e9679
```
#6e9679 rgb(110,150,121)
```
#7a9f83
```
#7a9f83 rgb(122,159,131)
```
#85a78e
```
#85a78e rgb(133,167,142)
```
#90af98
```
#90af98 rgb(144,175,152)
```
#9cb7a3
```
#9cb7a3 rgb(156,183,163)
```
#a7c0ae
```
#a7c0ae rgb(167,192,174)
```
#b3c8b8
```
#b3c8b8 rgb(179,200,184)
```
#bed0c3
```
#bed0c3 rgb(190,208,195)
```
#c9d8cd
```
#c9d8cd rgb(201,216,205)
```
#d5e0d8
```
#d5e0d8 rgb(213,224,216)
```
#e0e9e2
```
#e0e9e2 rgb(224,233,226)
```
#ecf1ed
```
#ecf1ed rgb(236,241,237)
```
#f7f9f8
```
#f7f9f8 rgb(247,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474847 is the less saturated color, while #058a28 is the most saturated one.

#474847
```
#474847 rgb(71,72,71)
```
#424e45
```
#424e45 rgb(66,78,69)
```
#3c5342
```
#3c5342 rgb(60,83,66)
```
#37593f
```
#37593f rgb(55,89,63)
```
#315e3d
```
#315e3d rgb(49,94,61)
```
#2c643a
```
#2c643a rgb(44,100,58)
```
#266937
```
#266937 rgb(38,105,55)
```
#216f35
```
#216f35 rgb(33,111,53)
```
#1b7432
```
#1b7432 rgb(27,116,50)
```
#167a30
```
#167a30 rgb(22,122,48)
```
#107f2d
```
#107f2d rgb(16,127,45)
```
#0b852a
```
#0b852a rgb(11,133,42)
```
#058a28
```
#058a28 rgb(5,138,40)
```

Tone Color Variation

Below, you can see how #3c5342 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

#4a4a4a Achromatopsia 0.005% of the population
#474c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5649 Protanopia 1% of men
#62534e Deuteranopia 1% of men
#4a595f Tritanopia 0.001% of the population

Trichromacy

#505546 Protanomaly 1% of men, 0.01% of women
#545349 Deuteranomaly 6% of men, 0.4% of women
#455654 Tritanomaly 0.01% of the population

#3c5342 hex color

#3c5342 Color Information

#3c5342 Color Conversion

Color Schemes with #3c5342

Alternatives to #3c5342

#3c5342 Preview

Shades and Tints of #3c5342

Tones of #3c5342

Color Blindness Simulator