#3f5018 hex color

In a RGB color space, hex #3f5018 is composed of 24.7% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 0% magenta, 70% yellow and 68.6% black. It has a hue angle of 78.2 degrees, a saturation of 53.8% and a lightness of 20.4%. #3f5018 color hex could be obtained by blending #7ea030 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 25
- G 31
- B 9
RGB color chart
- C 21
- M 0
- Y 70
- K 69
CMYK color chart

● #3f5018 color description : Very dark green.

The hexadecimal color #3f5018 has RGB values of R:63, G:80, B:24 and CMYK values of C:0.21, M:0, Y:0.7, K:0.69. Its decimal value is 4149272.

Hex triplet	3f5018	`#3f5018`
RGB Decimal	63, 80, 24	`rgb(63,80,24)`
RGB Percent	24.7, 31.4, 9.4	`rgb(24.7%,31.4%,9.4%)`
CMYK	21, 0, 70, 69
HSL	78.2°, 53.8, 20.4	`hsl(78.2,53.8%,20.4%)`
HSV (or HSB)	78.2°, 70, 31.4
Web Safe	336600	`#336600`

CIE-LAB	31.486, -16.298, 29.812
XYZ	5.083, 6.86, 1.92
xyY	0.367, 0.495, 6.86
CIE-LCH	31.486, 33.976, 118.666
CIE-LUV	31.486, -7.808, 30.477
Hunter-Lab	26.192, -11.191, 13.987
Binary	00111111, 01010000, 00011000

#3f5018
```
#3f5018 rgb(63,80,24)
```
#291850
```
#291850 rgb(41,24,80)
```

Complementary Color

#504518
```
#504518 rgb(80,69,24)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#235018
```
#235018 rgb(35,80,24)
```

Analogous Color

#451850
```
#451850 rgb(69,24,80)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#182350
```
#182350 rgb(24,35,80)
```

Split Complementary Color

#50183f
```
#50183f rgb(80,24,63)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#183f50
```
#183f50 rgb(24,63,80)
```

Triadic Color

#502918
```
#502918 rgb(80,41,24)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#183f50
```
#183f50 rgb(24,63,80)
```
#291850
```
#291850 rgb(41,24,80)
```

Tetradic Color

#111506
```
#111506 rgb(17,21,6)
```
#20290c
```
#20290c rgb(32,41,12)
```
#303c12
```
#303c12 rgb(48,60,18)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#4e641e
```
#4e641e rgb(78,100,30)
```
#5e7724
```
#5e7724 rgb(94,119,36)
```
#6d8b2a
```
#6d8b2a rgb(109,139,42)
```

Monochromatic Color

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

#4d5018
```
#4d5018 rgb(77,80,24)
```
#485018
```
#485018 rgb(72,80,24)
```
#445018
```
#445018 rgb(68,80,24)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#365018
```
#365018 rgb(54,80,24)
```
#315018
```
#315018 rgb(49,80,24)
```

Similar Colors

Text with hexadecimal color #3f5018

This text has a font color of #3f5018.

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

#3f5018 background color

This paragraph has a background color of #3f5018.

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

#3f5018 border color

This element has a border color of #3f5018.

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

CSS codes

.text {color:#3f5018;}

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

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

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

#040501
```
#040501 rgb(4,5,1)
```
#0f1406
```
#0f1406 rgb(15,20,6)
```
#1b230a
```
#1b230a rgb(27,35,10)
```
#27320f
```
#27320f rgb(39,50,15)
```
#334113
```
#334113 rgb(51,65,19)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#4b5f1d
```
#4b5f1d rgb(75,95,29)
```
#576e21
```
#576e21 rgb(87,110,33)
```
#637d26
```
#637d26 rgb(99,125,38)
```
#6f8c2a
```
#6f8c2a rgb(111,140,42)
```
#7a9b2f
```
#7a9b2f rgb(122,155,47)
```
#86ab33
```
#86ab33 rgb(134,171,51)
```
#92ba38
```
#92ba38 rgb(146,186,56)
```

Shade Color Variation

#9dc63f
```
#9dc63f rgb(157,198,63)
```
#a5ca4e
```
#a5ca4e rgb(165,202,78)
```
#accf5e
```
#accf5e rgb(172,207,94)
```
#b4d36d
```
#b4d36d rgb(180,211,109)
```
#bcd87c
```
#bcd87c rgb(188,216,124)
```
#c3dc8b
```
#c3dc8b rgb(195,220,139)
```
#cbe19a
```
#cbe19a rgb(203,225,154)
```
#d3e5a9
```
#d3e5a9 rgb(211,229,169)
```
#dbeab8
```
#dbeab8 rgb(219,234,184)
```
#e2eec7
```
#e2eec7 rgb(226,238,199)
```
#eaf3d6
```
#eaf3d6 rgb(234,243,214)
```
#f2f7e5
```
#f2f7e5 rgb(242,247,229)
```
#fafcf4
```
#fafcf4 rgb(250,252,244)
```

Tint Color Variation

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

#363830
```
#363830 rgb(54,56,48)
```
#373c2c
```
#373c2c rgb(55,60,44)
```
#394028
```
#394028 rgb(57,64,40)
```
#3a4424
```
#3a4424 rgb(58,68,36)
```
#3c4820
```
#3c4820 rgb(60,72,32)
```
#3d4c1c
```
#3d4c1c rgb(61,76,28)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#415414
```
#415414 rgb(65,84,20)
```
#425810
```
#425810 rgb(66,88,16)
```
#445c0c
```
#445c0c rgb(68,92,12)
```
#456008
```
#456008 rgb(69,96,8)
```
#476404
```
#476404 rgb(71,100,4)
```
#486800
```
#486800 rgb(72,104,0)
```

Tone Color Variation

Below, you can see how #3f5018 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
#44473c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5322 Protanopia 1% of men
#664f27 Deuteranopia 1% of men
#505359 Tritanopia 0.001% of the population

Trichromacy

#51521e Protanomaly 1% of men, 0.01% of women
#584f22 Deuteranomaly 6% of men, 0.4% of women
#4a5241 Tritanomaly 0.01% of the population

#3f5018 hex color

#3f5018 Color Information

#3f5018 Color Conversion

Color Schemes with #3f5018

Alternatives to #3f5018

#3f5018 Preview

Shades and Tints of #3f5018

Tones of #3f5018

Color Blindness Simulator