#3a5042 hex color

In a RGB color space, hex #3a5042 is composed of 22.7% red, 31.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 0% magenta, 17.5% yellow and 68.6% black. It has a hue angle of 141.8 degrees, a saturation of 15.9% and a lightness of 27.1%. #3a5042 color hex could be obtained by blending #74a084 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 31
- B 26
RGB color chart
- C 28
- M 0
- Y 18
- K 69
CMYK color chart

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

The hexadecimal color #3a5042 has RGB values of R:58, G:80, B:66 and CMYK values of C:0.28, M:0, Y:0.18, K:0.69. Its decimal value is 3821634.

Hex triplet	3a5042	`#3a5042`
RGB Decimal	58, 80, 66	`rgb(58,80,66)`
RGB Percent	22.7, 31.4, 25.9	`rgb(22.7%,31.4%,25.9%)`
CMYK	28, 0, 18, 69
HSL	141.8°, 15.9, 27.1	`hsl(141.8,15.9%,27.1%)`
HSV (or HSB)	141.8°, 27.5, 31.4
Web Safe	336633	`#336633`

CIE-LAB	31.875, -11.837, 5.533
XYZ	5.597, 7.03, 6.216
xyY	0.297, 0.373, 7.03
CIE-LCH	31.875, 13.067, 154.946
CIE-LUV	31.875, -10.454, 8.081
Hunter-Lab	26.514, -8.722, 4.66
Binary	00111010, 01010000, 01000010

#3a5042
```
#3a5042 rgb(58,80,66)
```
#503a48
```
#503a48 rgb(80,58,72)
```

Complementary Color

#3d503a
```
#3d503a rgb(61,80,58)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#3a504d
```
#3a504d rgb(58,80,77)
```

Analogous Color

#503a3d
```
#503a3d rgb(80,58,61)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#4d3a50
```
#4d3a50 rgb(77,58,80)
```

Split Complementary Color

#50423a
```
#50423a rgb(80,66,58)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#423a50
```
#423a50 rgb(66,58,80)
```

Triadic Color

#48503a
```
#48503a rgb(72,80,58)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#423a50
```
#423a50 rgb(66,58,80)
```
#503a48
```
#503a48 rgb(80,58,72)
```

Tetradic Color

#1a241d
```
#1a241d rgb(26,36,29)
```
#25322a
```
#25322a rgb(37,50,42)
```
#2f4136
```
#2f4136 rgb(47,65,54)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#455f4e
```
#455f4e rgb(69,95,78)
```
#4f6e5a
```
#4f6e5a rgb(79,110,90)
```
#5a7c67
```
#5a7c67 rgb(90,124,103)
```

Monochromatic Color

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

#3a503d
```
#3a503d rgb(58,80,61)
```
#3a503e
```
#3a503e rgb(58,80,62)
```
#3a5040
```
#3a5040 rgb(58,80,64)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#3a5044
```
#3a5044 rgb(58,80,68)
```
#3a5046
```
#3a5046 rgb(58,80,70)
```
#3a5048
```
#3a5048 rgb(58,80,72)
```

Similar Colors

Text with hexadecimal color #3a5042

This text has a font color of #3a5042.

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

#3a5042 background color

This paragraph has a background color of #3a5042.

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

#3a5042 border color

This element has a border color of #3a5042.

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

CSS codes

.text {color:#3a5042;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#111713
```
#111713 rgb(17,23,19)
```
#19231c
```
#19231c rgb(25,35,28)
```
#212e26
```
#212e26 rgb(33,46,38)
```
#2a392f
```
#2a392f rgb(42,57,47)
```
#324539
```
#324539 rgb(50,69,57)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#425b4b
```
#425b4b rgb(66,91,75)
```
#4a6755
```
#4a6755 rgb(74,103,85)
```
#53725e
```
#53725e rgb(83,114,94)
```
#5b7d68
```
#5b7d68 rgb(91,125,104)
```
#638971
```
#638971 rgb(99,137,113)
```

Shade Color Variation

#6c947a
```
#6c947a rgb(108,148,122)
```
#779c85
```
#779c85 rgb(119,156,133)
```
#82a58f
```
#82a58f rgb(130,165,143)
```
#8ead99
```
#8ead99 rgb(142,173,153)
```
#99b5a3
```
#99b5a3 rgb(153,181,163)
```
#a4bdad
```
#a4bdad rgb(164,189,173)
```
#b0c6b8
```
#b0c6b8 rgb(176,198,184)
```
#bbcec2
```
#bbcec2 rgb(187,206,194)
```
#c7d6cc
```
#c7d6cc rgb(199,214,204)
```
#d2ded6
```
#d2ded6 rgb(210,222,214)
```
#dde7e1
```
#dde7e1 rgb(221,231,225)
```
#e9efeb
```
#e9efeb rgb(233,239,235)
```
#f4f7f5
```
#f4f7f5 rgb(244,247,245)
```

Tint Color Variation

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

#454545
```
#454545 rgb(69,69,69)
```
#3f4b43
```
#3f4b43 rgb(63,75,67)
```
#3a5042
```
#3a5042 rgb(58,80,66)
```
#355541
```
#355541 rgb(53,85,65)
```
#2f5b3f
```
#2f5b3f rgb(47,91,63)
```
#2a603e
```
#2a603e rgb(42,96,62)
```
#25653c
```
#25653c rgb(37,101,60)
```
#1f6b3b
```
#1f6b3b rgb(31,107,59)
```
#1a7039
```
#1a7039 rgb(26,112,57)
```
#157538
```
#157538 rgb(21,117,56)
```
#107a36
```
#107a36 rgb(16,122,54)
```
#0a8035
```
#0a8035 rgb(10,128,53)
```
#058534
```
#058534 rgb(5,133,52)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#454a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585449 Protanopia 1% of men
#5e514e Deuteranopia 1% of men
#48565c Tritanopia 0.001% of the population

Trichromacy

#4d5246 Protanomaly 1% of men, 0.01% of women
#515149 Deuteranomaly 6% of men, 0.4% of women
#435453 Tritanomaly 0.01% of the population

#3a5042 hex color

#3a5042 Color Information

#3a5042 Color Conversion

Color Schemes with #3a5042

Alternatives to #3a5042

#3a5042 Preview

Shades and Tints of #3a5042

Tones of #3a5042

Color Blindness Simulator