#3f5a1f hex color

In a RGB color space, hex #3f5a1f is composed of 24.7% red, 35.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 65.6% yellow and 64.7% black. It has a hue angle of 87.5 degrees, a saturation of 48.8% and a lightness of 23.7%. #3f5a1f color hex could be obtained by blending #7eb43e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 25
- G 35
- B 12
RGB color chart
- C 30
- M 0
- Y 66
- K 65
CMYK color chart

● #3f5a1f color description : Very dark green.

The hexadecimal color #3f5a1f has RGB values of R:63, G:90, B:31 and CMYK values of C:0.3, M:0, Y:0.66, K:0.65. Its decimal value is 4151839.

Hex triplet	3f5a1f	`#3f5a1f`
RGB Decimal	63, 90, 31	`rgb(63,90,31)`
RGB Percent	24.7, 35.3, 12.2	`rgb(24.7%,35.3%,12.2%)`
CMYK	30, 0, 66, 65
HSL	87.5°, 48.8, 23.7	`hsl(87.5,48.8%,23.7%)`
HSV (or HSB)	87.5°, 65.6, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.939, -20.996, 30.107
XYZ	5.953, 8.468, 2.617
xyY	0.349, 0.497, 8.468
CIE-LCH	34.939, 36.705, 124.891
CIE-LUV	34.939, -13.054, 33.088
Hunter-Lab	29.1, -14.406, 15.037
Binary	00111111, 01011010, 00011111

#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#3a1f5a
```
#3a1f5a rgb(58,31,90)
```

Complementary Color

#5a581f
```
#5a581f rgb(90,88,31)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#225a1f
```
#225a1f rgb(34,90,31)
```

Analogous Color

#581f5a
```
#581f5a rgb(88,31,90)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#1f225a
```
#1f225a rgb(31,34,90)
```

Split Complementary Color

#5a1f3f
```
#5a1f3f rgb(90,31,63)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#1f3f5a
```
#1f3f5a rgb(31,63,90)
```

Triadic Color

#5a3a1f
```
#5a3a1f rgb(90,58,31)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#1f3f5a
```
#1f3f5a rgb(31,63,90)
```
#3a1f5a
```
#3a1f5a rgb(58,31,90)
```

Tetradic Color

#17210b
```
#17210b rgb(23,33,11)
```
#243412
```
#243412 rgb(36,52,18)
```
#324718
```
#324718 rgb(50,71,24)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#4c6d26
```
#4c6d26 rgb(76,109,38)
```
#5a802c
```
#5a802c rgb(90,128,44)
```
#679333
```
#679333 rgb(103,147,51)
```

Monochromatic Color

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

#4e5a1f
```
#4e5a1f rgb(78,90,31)
```
#495a1f
```
#495a1f rgb(73,90,31)
```
#445a1f
```
#445a1f rgb(68,90,31)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#3a5a1f
```
#3a5a1f rgb(58,90,31)
```
#355a1f
```
#355a1f rgb(53,90,31)
```
#305a1f
```
#305a1f rgb(48,90,31)
```

Similar Colors

Text with hexadecimal color #3f5a1f

This text has a font color of #3f5a1f.

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

#3f5a1f background color

This paragraph has a background color of #3f5a1f.

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

#3f5a1f border color

This element has a border color of #3f5a1f.

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

CSS codes

.text {color:#3f5a1f;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0c1106
```
#0c1106 rgb(12,17,6)
```
#16200b
```
#16200b rgb(22,32,11)
```
#202e10
```
#202e10 rgb(32,46,16)
```
#2b3d15
```
#2b3d15 rgb(43,61,21)
```
#354b1a
```
#354b1a rgb(53,75,26)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#496924
```
#496924 rgb(73,105,36)
```
#537729
```
#537729 rgb(83,119,41)
```
#5e862e
```
#5e862e rgb(94,134,46)
```
#689433
```
#689433 rgb(104,148,51)
```
#72a338
```
#72a338 rgb(114,163,56)
```
#7cb23d
```
#7cb23d rgb(124,178,61)
```

Shade Color Variation

#86bf44
```
#86bf44 rgb(134,191,68)
```
#90c452
```
#90c452 rgb(144,196,82)
```
#99c961
```
#99c961 rgb(153,201,97)
```
#a3ce70
```
#a3ce70 rgb(163,206,112)
```
#acd37e
```
#acd37e rgb(172,211,126)
```
#b5d88d
```
#b5d88d rgb(181,216,141)
```
#bfdd9b
```
#bfdd9b rgb(191,221,155)
```
#c8e2aa
```
#c8e2aa rgb(200,226,170)
```
#d2e7b9
```
#d2e7b9 rgb(210,231,185)
```
#dbecc7
```
#dbecc7 rgb(219,236,199)
```
#e4f1d6
```
#e4f1d6 rgb(228,241,214)
```
#eef6e4
```
#eef6e4 rgb(238,246,228)
```
#f7fbf3
```
#f7fbf3 rgb(247,251,243)
```

Tint Color Variation

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

#3d3e3b
```
#3d3e3b rgb(61,62,59)
```
#3d4336
```
#3d4336 rgb(61,67,54)
```
#3d4732
```
#3d4732 rgb(61,71,50)
```
#3e4c2d
```
#3e4c2d rgb(62,76,45)
```
#3e5128
```
#3e5128 rgb(62,81,40)
```
#3f5524
```
#3f5524 rgb(63,85,36)
```
#3f5a1f
```
#3f5a1f rgb(63,90,31)
```
#3f5f1a
```
#3f5f1a rgb(63,95,26)
```
#406316
```
#406316 rgb(64,99,22)
```
#406811
```
#406811 rgb(64,104,17)
```
#416d0c
```
#416d0c rgb(65,109,12)
```
#417108
```
#417108 rgb(65,113,8)
```
#417603
```
#417603 rgb(65,118,3)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#494e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655b28 Protanopia 1% of men
#6f572f Deuteranopia 1% of men
#515c63 Tritanopia 0.001% of the population

Trichromacy

#575a25 Protanomaly 1% of men, 0.01% of women
#5d5829 Deuteranomaly 6% of men, 0.4% of women
#4b5b4a Tritanomaly 0.01% of the population

#3f5a1f hex color

#3f5a1f Color Information

#3f5a1f Color Conversion

Color Schemes with #3f5a1f

Alternatives to #3f5a1f

#3f5a1f Preview

Shades and Tints of #3f5a1f

Tones of #3f5a1f

Color Blindness Simulator