#3a5418 hex color

In a RGB color space, hex #3a5418 is composed of 22.7% red, 32.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 71.4% yellow and 67.1% black. It has a hue angle of 86 degrees, a saturation of 55.6% and a lightness of 21.2%. #3a5418 color hex could be obtained by blending #74a830 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 23
- G 33
- B 9
RGB color chart
- C 31
- M 0
- Y 71
- K 67
CMYK color chart

● #3a5418 color description : Very dark green.

The hexadecimal color #3a5418 has RGB values of R:58, G:84, B:24 and CMYK values of C:0.31, M:0, Y:0.71, K:0.67. Its decimal value is 3822616.

Hex triplet	3a5418	`#3a5418`
RGB Decimal	58, 84, 24	`rgb(58,84,24)`
RGB Percent	22.7, 32.9, 9.4	`rgb(22.7%,32.9%,9.4%)`
CMYK	31, 0, 71, 67
HSL	86°, 55.6, 21.2	`hsl(86,55.6%,21.2%)`
HSV (or HSB)	86°, 71.4, 32.9
Web Safe	336600	`#336600`

CIE-LAB	32.494, -20.683, 30.781
XYZ	5.08, 7.306, 2.007
xyY	0.353, 0.508, 7.306
CIE-LCH	32.494, 37.085, 123.899
CIE-LUV	32.494, -12.45, 32.307
Hunter-Lab	27.03, -13.754, 14.519
Binary	00111010, 01010100, 00011000

#3a5418
```
#3a5418 rgb(58,84,24)
```
#321854
```
#321854 rgb(50,24,84)
```

Complementary Color

#545018
```
#545018 rgb(84,80,24)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#1c5418
```
#1c5418 rgb(28,84,24)
```

Analogous Color

#501854
```
#501854 rgb(80,24,84)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#181c54
```
#181c54 rgb(24,28,84)
```

Split Complementary Color

#54183a
```
#54183a rgb(84,24,58)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#183a54
```
#183a54 rgb(24,58,84)
```

Triadic Color

#543218
```
#543218 rgb(84,50,24)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#183a54
```
#183a54 rgb(24,58,84)
```
#321854
```
#321854 rgb(50,24,84)
```

Tetradic Color

#111907
```
#111907 rgb(17,25,7)
```
#1f2c0d
```
#1f2c0d rgb(31,44,13)
```
#2c4012
```
#2c4012 rgb(44,64,18)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#48681e
```
#48681e rgb(72,104,30)
```
#557c23
```
#557c23 rgb(85,124,35)
```
#639029
```
#639029 rgb(99,144,41)
```

Monochromatic Color

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

#495418
```
#495418 rgb(73,84,24)
```
#445418
```
#445418 rgb(68,84,24)
```
#3f5418
```
#3f5418 rgb(63,84,24)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#355418
```
#355418 rgb(53,84,24)
```
#305418
```
#305418 rgb(48,84,24)
```
#2b5418
```
#2b5418 rgb(43,84,24)
```

Similar Colors

Text with hexadecimal color #3a5418

This text has a font color of #3a5418.

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

#3a5418 background color

This paragraph has a background color of #3a5418.

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

#3a5418 border color

This element has a border color of #3a5418.

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

CSS codes

.text {color:#3a5418;}

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

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

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

#050802
```
#050802 rgb(5,8,2)
```
#101707
```
#101707 rgb(16,23,7)
```
#1a260b
```
#1a260b rgb(26,38,11)
```
#25350f
```
#25350f rgb(37,53,15)
```
#2f4514
```
#2f4514 rgb(47,69,20)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#45631c
```
#45631c rgb(69,99,28)
```
#4f7321
```
#4f7321 rgb(79,115,33)
```
#5a8225
```
#5a8225 rgb(90,130,37)
```
#649129
```
#649129 rgb(100,145,41)
```
#6fa02e
```
#6fa02e rgb(111,160,46)
```
#79b032
```
#79b032 rgb(121,176,50)
```
#84bf37
```
#84bf37 rgb(132,191,55)
```

Shade Color Variation

#8ec940
```
#8ec940 rgb(142,201,64)
```
#97cd50
```
#97cd50 rgb(151,205,80)
```
#a0d15f
```
#a0d15f rgb(160,209,95)
```
#a9d66e
```
#a9d66e rgb(169,214,110)
```
#b2da7d
```
#b2da7d rgb(178,218,125)
```
#bbde8d
```
#bbde8d rgb(187,222,141)
```
#c4e39c
```
#c4e39c rgb(196,227,156)
```
#cde7ab
```
#cde7ab rgb(205,231,171)
```
#d6ebba
```
#d6ebba rgb(214,235,186)
```
#dff0ca
```
#dff0ca rgb(223,240,202)
```
#e8f4d9
```
#e8f4d9 rgb(232,244,217)
```
#f1f8e8
```
#f1f8e8 rgb(241,248,232)
```
#fbfdf7
```
#fbfdf7 rgb(251,253,247)
```

Tint Color Variation

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

#363735
```
#363735 rgb(54,55,53)
```
#373b31
```
#373b31 rgb(55,59,49)
```
#373f2d
```
#373f2d rgb(55,63,45)
```
#384329
```
#384329 rgb(56,67,41)
```
#384824
```
#384824 rgb(56,72,36)
```
#394c20
```
#394c20 rgb(57,76,32)
```
#39501c
```
#39501c rgb(57,80,28)
```
#3a5418
```
#3a5418 rgb(58,84,24)
```
#3b5814
```
#3b5814 rgb(59,88,20)
```
#3b5c10
```
#3b5c10 rgb(59,92,16)
```
#3c600c
```
#3c600c rgb(60,96,12)
```
#3c6507
```
#3c6507 rgb(60,101,7)
```
#3d6903
```
#3d6903 rgb(61,105,3)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#43483c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5522 Protanopia 1% of men
#695128 Deuteranopia 1% of men
#4d575d Tritanopia 0.001% of the population

Trichromacy

#51551e Protanomaly 1% of men, 0.01% of women
#585222 Deuteranomaly 6% of men, 0.4% of women
#465644 Tritanomaly 0.01% of the population

#3a5418 hex color

#3a5418 Color Information

#3a5418 Color Conversion

Color Schemes with #3a5418

Alternatives to #3a5418

#3a5418 Preview

Shades and Tints of #3a5418

Tones of #3a5418

Color Blindness Simulator