#3f502e hex color

In a RGB color space, hex #3f502e is composed of 24.7% red, 31.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 0% magenta, 42.5% yellow and 68.6% black. It has a hue angle of 90 degrees, a saturation of 27% and a lightness of 24.7%. #3f502e color hex could be obtained by blending #7ea05c with #000000. Closest websafe color is: #336633.

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

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

The hexadecimal color #3f502e has RGB values of R:63, G:80, B:46 and CMYK values of C:0.21, M:0, Y:0.43, K:0.69. Its decimal value is 4149294.

Hex triplet	3f502e	`#3f502e`
RGB Decimal	63, 80, 46	`rgb(63,80,46)`
RGB Percent	24.7, 31.4, 18	`rgb(24.7%,31.4%,18%)`
CMYK	21, 0, 43, 69
HSL	90°, 27, 24.7	`hsl(90,27%,24.7%)`
HSV (or HSB)	90°, 42.5, 31.4
Web Safe	336633	`#336633`

CIE-LAB	31.787, -13.626, 17.91
XYZ	5.412, 6.991, 3.649
xyY	0.337, 0.436, 6.991
CIE-LCH	31.787, 22.504, 127.263
CIE-LUV	31.787, -7.967, 20.951
Hunter-Lab	26.441, -9.739, 10.326
Binary	00111111, 01010000, 00101110

#3f502e
```
#3f502e rgb(63,80,46)
```
#3f2e50
```
#3f2e50 rgb(63,46,80)
```

Complementary Color

#50502e
```
#50502e rgb(80,80,46)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#2e502e
```
#2e502e rgb(46,80,46)
```

Analogous Color

#502e50
```
#502e50 rgb(80,46,80)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#2e2e50
```
#2e2e50 rgb(46,46,80)
```

Split Complementary Color

#502e3f
```
#502e3f rgb(80,46,63)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#2e3f50
```
#2e3f50 rgb(46,63,80)
```

Triadic Color

#503f2e
```
#503f2e rgb(80,63,46)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#2e3f50
```
#2e3f50 rgb(46,63,80)
```
#3f2e50
```
#3f2e50 rgb(63,46,80)
```

Tetradic Color

#191f12
```
#191f12 rgb(25,31,18)
```
#26301b
```
#26301b rgb(38,48,27)
```
#324025
```
#324025 rgb(50,64,37)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#4c6037
```
#4c6037 rgb(76,96,55)
```
#597041
```
#597041 rgb(89,112,65)
```
#65814a
```
#65814a rgb(101,129,74)
```

Monochromatic Color

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

#48502e
```
#48502e rgb(72,80,46)
```
#45502e
```
#45502e rgb(69,80,46)
```
#42502e
```
#42502e rgb(66,80,46)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#3c502e
```
#3c502e rgb(60,80,46)
```
#39502e
```
#39502e rgb(57,80,46)
```
#37502e
```
#37502e rgb(55,80,46)
```

Similar Colors

Text with hexadecimal color #3f502e

This text has a font color of #3f502e.

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

#3f502e background color

This paragraph has a background color of #3f502e.

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

#3f502e border color

This element has a border color of #3f502e.

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

CSS codes

.text {color:#3f502e;}

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

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0e120a
```
#0e120a rgb(14,18,10)
```
#181e11
```
#181e11 rgb(24,30,17)
```
#222b19
```
#222b19 rgb(34,43,25)
```
#2b3720
```
#2b3720 rgb(43,55,32)
```
#354427
```
#354427 rgb(53,68,39)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#495c35
```
#495c35 rgb(73,92,53)
```
#53693c
```
#53693c rgb(83,105,60)
```
#5c7543
```
#5c7543 rgb(92,117,67)
```
#66824b
```
#66824b rgb(102,130,75)
```
#708e52
```
#708e52 rgb(112,142,82)
```
#7a9b59
```
#7a9b59 rgb(122,155,89)
```

Shade Color Variation

#84a562
```
#84a562 rgb(132,165,98)
```
#8dac6f
```
#8dac6f rgb(141,172,111)
```
#97b37b
```
#97b37b rgb(151,179,123)
```
#a1ba88
```
#a1ba88 rgb(161,186,136)
```
#abc294
```
#abc294 rgb(171,194,148)
```
#b5c9a1
```
#b5c9a1 rgb(181,201,161)
```
#bfd0ad
```
#bfd0ad rgb(191,208,173)
```
#c8d7ba
```
#c8d7ba rgb(200,215,186)
```
#d2dec6
```
#d2dec6 rgb(210,222,198)
```
#dce5d2
```
#dce5d2 rgb(220,229,210)
```
#e6eddf
```
#e6eddf rgb(230,237,223)
```
#f0f4eb
```
#f0f4eb rgb(240,244,235)
```
#f9fbf8
```
#f9fbf8 rgb(249,251,248)
```

Tint Color Variation

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

#3f413d
```
#3f413d rgb(63,65,61)
```
#3f4638
```
#3f4638 rgb(63,70,56)
```
#3f4b33
```
#3f4b33 rgb(63,75,51)
```
#3f502e
```
#3f502e rgb(63,80,46)
```
#3f5529
```
#3f5529 rgb(63,85,41)
```
#3f5a24
```
#3f5a24 rgb(63,90,36)
```
#3f5f1f
```
#3f5f1f rgb(63,95,31)
```
#3f631b
```
#3f631b rgb(63,99,27)
```
#3f6816
```
#3f6816 rgb(63,104,22)
```
#3f6d11
```
#3f6d11 rgb(63,109,17)
```
#3f720c
```
#3f720c rgb(63,114,12)
```
#3f7707
```
#3f7707 rgb(63,119,7)
```
#3f7c02
```
#3f7c02 rgb(63,124,2)
```

Tone Color Variation

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

Dichromacy

#5b5437 Protanopia 1% of men
#63503b Deuteranopia 1% of men
#4e545b Tritanopia 0.001% of the population

Trichromacy

#515233 Protanomaly 1% of men, 0.01% of women
#565036 Deuteranomaly 6% of men, 0.4% of women
#49534a Tritanomaly 0.01% of the population

#3f502e hex color

#3f502e Color Information

#3f502e Color Conversion

Color Schemes with #3f502e

Alternatives to #3f502e

#3f502e Preview

Shades and Tints of #3f502e

Tones of #3f502e

Color Blindness Simulator