colorhexa.com

#3a580f hex color

In a RGB color space, hex #3a580f is composed of 22.7% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 0% magenta, 83% yellow and 65.5% black. It has a hue angle of 84.7 degrees, a saturation of 70.9% and a lightness of 20.2%. #3a580f color hex could be obtained by blending #74b01e with #000000. Closest websafe color is: #336600.

- R 23
- G 35
- B 6
RGB color chart
- C 34
- M 0
- Y 83
- K 65
CMYK color chart

● #3a580f color description : Very dark green.

The hexadecimal color #3a580f has RGB values of R:58, G:88, B:15 and CMYK values of C:0.34, M:0, Y:0.83, K:0.65. Its decimal value is 3823631.

Hex triplet	3a580f	`#3a580f`
RGB Decimal	58, 88, 15	`rgb(58,88,15)`
RGB Percent	22.7, 34.5, 5.9	`rgb(22.7%,34.5%,5.9%)`
CMYK	34, 0, 83, 65
HSL	84.7°, 70.9, 20.2	`hsl(84.7,70.9%,20.2%)`
HSV (or HSB)	84.7°, 83, 34.5
Web Safe	336600	`#336600`

CIE-LAB	33.802, -23.392, 35.888
XYZ	5.321, 7.913, 1.699
xyY	0.356, 0.53, 7.913
CIE-LCH	33.802, 42.838, 123.097
CIE-LUV	33.802, -14.503, 36.583
Hunter-Lab	28.131, -15.466, 16.11
Binary	00111010, 01011000, 00001111

#3a580f
```
#3a580f rgb(58,88,15)
```
#2d0f58
```
#2d0f58 rgb(45,15,88)
```

Complementary Color

#58520f
```
#58520f rgb(88,82,15)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#16580f
```
#16580f rgb(22,88,15)
```

Analogous Color

#520f58
```
#520f58 rgb(82,15,88)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#0f1658
```
#0f1658 rgb(15,22,88)
```

Split Complementary Color

#0f1704
```
#0f1704 rgb(15,23,4)
```
#1d2c08
```
#1d2c08 rgb(29,44,8)
```
#2c420b
```
#2c420b rgb(44,66,11)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#486e13
```
#486e13 rgb(72,110,19)
```
#578416
```
#578416 rgb(87,132,22)
```
#65991a
```
#65991a rgb(101,153,26)
```

Monochromatic Color

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

#4c580f
```
#4c580f rgb(76,88,15)
```
#46580f
```
#46580f rgb(70,88,15)
```
#40580f
```
#40580f rgb(64,88,15)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#34580f
```
#34580f rgb(52,88,15)
```
#2e580f
```
#2e580f rgb(46,88,15)
```
#28580f
```
#28580f rgb(40,88,15)
```

Similar Colors

Text with hexadecimal color #3a580f

This text has a font color of #3a580f.

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

#3a580f background color

This paragraph has a background color of #3a580f.

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

#3a580f border color

This element has a border color of #3a580f.

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

CSS codes

.text {color:#3a580f;}

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

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0e1504
```
#0e1504 rgb(14,21,4)
```
#192606
```
#192606 rgb(25,38,6)
```
#243609
```
#243609 rgb(36,54,9)
```
#2f470c
```
#2f470c rgb(47,71,12)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#456912
```
#456912 rgb(69,105,18)
```
#507a15
```
#507a15 rgb(80,122,21)
```
#5b8a18
```
#5b8a18 rgb(91,138,24)
```
#669b1a
```
#669b1a rgb(102,155,26)
```
#71ac1d
```
#71ac1d rgb(113,172,29)
```
#7cbd20
```
#7cbd20 rgb(124,189,32)
```
#87cd23
```
#87cd23 rgb(135,205,35)
```

Shade Color Variation

#92db29
```
#92db29 rgb(146,219,41)
```
#9add3a
```
#9add3a rgb(154,221,58)
```
#a3e04b
```
#a3e04b rgb(163,224,75)
```
#abe35c
```
#abe35c rgb(171,227,92)
```
#b4e66c
```
#b4e66c rgb(180,230,108)
```
#bde97d
```
#bde97d rgb(189,233,125)
```
#c5ec8e
```
#c5ec8e rgb(197,236,142)
```
#ceef9f
```
#ceef9f rgb(206,239,159)
```
#d6f1af
```
#d6f1af rgb(214,241,175)
```
#dff4c0
```
#dff4c0 rgb(223,244,192)
```
#e7f7d1
```
#e7f7d1 rgb(231,247,209)
```
#f0fae2
```
#f0fae2 rgb(240,250,226)
```
#f9fdf2
```
#f9fdf2 rgb(249,253,242)
```

Tint Color Variation

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

#343433
```
#343433 rgb(52,52,51)
```
#34382f
```
#34382f rgb(52,56,47)
```
#353c2b
```
#353c2b rgb(53,60,43)
```
#364027
```
#364027 rgb(54,64,39)
```
#364423
```
#364423 rgb(54,68,35)
```
#37481f
```
#37481f rgb(55,72,31)
```
#384c1b
```
#384c1b rgb(56,76,27)
```
#395017
```
#395017 rgb(57,80,23)
```
#395413
```
#395413 rgb(57,84,19)
```
#3a580f
```
#3a580f rgb(58,88,15)
```
#3b5c0b
```
#3b5c0b rgb(59,92,11)
```
#3b6007
```
#3b6007 rgb(59,96,7)
```
#3c6403
```
#3c6403 rgb(60,100,3)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#444a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#635819 Protanopia 1% of men
#6d5421 Deuteranopia 1% of men
#4e5a61 Tritanopia 0.001% of the population

Trichromacy

#545815 Protanomaly 1% of men, 0.01% of women
#5a551a Deuteranomaly 6% of men, 0.4% of women
#465943 Tritanomaly 0.01% of the population