colorhexa.com

#3a502f hex color

In a RGB color space, hex #3a502f is composed of 22.7% red, 31.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 0% magenta, 41.3% yellow and 68.6% black. It has a hue angle of 100 degrees, a saturation of 26% and a lightness of 24.9%. #3a502f color hex could be obtained by blending #74a05e with #000000. Closest websafe color is: #336633.

- R 23
- G 31
- B 18
RGB color chart
- C 28
- M 0
- Y 41
- K 69
CMYK color chart

● #3a502f color description : Very dark desaturated green.

The hexadecimal color #3a502f has RGB values of R:58, G:80, B:47 and CMYK values of C:0.28, M:0, Y:0.41, K:0.69. Its decimal value is 3821615.

Hex triplet	3a502f	`#3a502f`
RGB Decimal	58, 80, 47	`rgb(58,80,47)`
RGB Percent	22.7, 31.4, 18.4	`rgb(22.7%,31.4%,18.4%)`
CMYK	28, 0, 41, 69
HSL	100°, 26, 24.9	`hsl(100,26%,24.9%)`
HSV (or HSB)	100°, 41.3, 31.4
Web Safe	336633	`#336633`

CIE-LAB	31.444, -15.588, 16.789
XYZ	5.127, 6.842, 3.74
xyY	0.326, 0.436, 6.842
CIE-LCH	31.444, 22.91, 132.874
CIE-LUV	31.444, -10.417, 20.125
Hunter-Lab	26.157, -10.791, 9.833
Binary	00111010, 01010000, 00101111

#3a502f
```
#3a502f rgb(58,80,47)
```
#452f50
```
#452f50 rgb(69,47,80)
```

Complementary Color

#4b502f
```
#4b502f rgb(75,80,47)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#2f5035
```
#2f5035 rgb(47,80,53)
```

Analogous Color

#502f4b
```
#502f4b rgb(80,47,75)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#352f50
```
#352f50 rgb(53,47,80)
```

Split Complementary Color

#172013
```
#172013 rgb(23,32,19)
```
#23301c
```
#23301c rgb(35,48,28)
```
#2e4026
```
#2e4026 rgb(46,64,38)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#466038
```
#466038 rgb(70,96,56)
```
#517042
```
#517042 rgb(81,112,66)
```
#5d804b
```
#5d804b rgb(93,128,75)
```

Monochromatic Color

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

#42502f
```
#42502f rgb(66,80,47)
```
#40502f
```
#40502f rgb(64,80,47)
```
#3d502f
```
#3d502f rgb(61,80,47)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#37502f
```
#37502f rgb(55,80,47)
```
#35502f
```
#35502f rgb(53,80,47)
```
#32502f
```
#32502f rgb(50,80,47)
```

Similar Colors

Text with hexadecimal color #3a502f

This text has a font color of #3a502f.

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

#3a502f background color

This paragraph has a background color of #3a502f.

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

#3a502f border color

This element has a border color of #3a502f.

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

CSS codes

.text {color:#3a502f;}

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

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

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

#040603
```
#040603 rgb(4,6,3)
```
#0d120b
```
#0d120b rgb(13,18,11)
```
#161f12
```
#161f12 rgb(22,31,18)
```
#1f2b19
```
#1f2b19 rgb(31,43,25)
```
#283720
```
#283720 rgb(40,55,32)
```
#314428
```
#314428 rgb(49,68,40)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#435c36
```
#435c36 rgb(67,92,54)
```
#4c693e
```
#4c693e rgb(76,105,62)
```
#557545
```
#557545 rgb(85,117,69)
```
#5e814c
```
#5e814c rgb(94,129,76)
```
#678e53
```
#678e53 rgb(103,142,83)
```
#709a5b
```
#709a5b rgb(112,154,91)
```

Shade Color Variation

#7aa464
```
#7aa464 rgb(122,164,100)
```
#84ab71
```
#84ab71 rgb(132,171,113)
```
#8fb37d
```
#8fb37d rgb(143,179,125)
```
#99ba89
```
#99ba89 rgb(153,186,137)
```
#a4c196
```
#a4c196 rgb(164,193,150)
```
#afc8a2
```
#afc8a2 rgb(175,200,162)
```
#b9d0ae
```
#b9d0ae rgb(185,208,174)
```
#c4d7bb
```
#c4d7bb rgb(196,215,187)
```
#cfdec7
```
#cfdec7 rgb(207,222,199)
```
#d9e5d3
```
#d9e5d3 rgb(217,229,211)
```
#e4ede0
```
#e4ede0 rgb(228,237,224)
```
#eff4ec
```
#eff4ec rgb(239,244,236)
```
#f9fbf9
```
#f9fbf9 rgb(249,251,249)
```

Tint Color Variation

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

#3f413e
```
#3f413e rgb(63,65,62)
```
#3d4639
```
#3d4639 rgb(61,70,57)
```
#3c4b34
```
#3c4b34 rgb(60,75,52)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#38552a
```
#38552a rgb(56,85,42)
```
#375a25
```
#375a25 rgb(55,90,37)
```
#355f20
```
#355f20 rgb(53,95,32)
```
#33641b
```
#33641b rgb(51,100,27)
```
#326817
```
#326817 rgb(50,104,23)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#2f720d
```
#2f720d rgb(47,114,13)
```
#2d7708
```
#2d7708 rgb(45,119,8)
```
#2b7c03
```
#2b7c03 rgb(43,124,3)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#444841 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5337 Protanopia 1% of men
#62503c Deuteranopia 1% of men
#4a555b Tritanopia 0.001% of the population

Trichromacy

#4e5234 Protanomaly 1% of men, 0.01% of women
#535037 Deuteranomaly 6% of men, 0.4% of women
#44534b Tritanomaly 0.01% of the population