#3f5342 hex color

In a RGB color space, hex #3f5342 is composed of 24.7% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 20.5% yellow and 67.5% black. It has a hue angle of 129 degrees, a saturation of 13.7% and a lightness of 28.6%. #3f5342 color hex could be obtained by blending #7ea684 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 25
- G 33
- B 26
RGB color chart
- C 24
- M 0
- Y 20
- K 67
CMYK color chart

● #3f5342 color description : Very dark grayish lime green.

The hexadecimal color #3f5342 has RGB values of R:63, G:83, B:66 and CMYK values of C:0.24, M:0, Y:0.2, K:0.67. Its decimal value is 4150082.

Hex triplet	3f5342	`#3f5342`
RGB Decimal	63, 83, 66	`rgb(63,83,66)`
RGB Percent	24.7, 32.5, 25.9	`rgb(24.7%,32.5%,25.9%)`
CMYK	24, 0, 20, 67
HSL	129°, 13.7, 28.6	`hsl(129,13.7%,28.6%)`
HSV (or HSB)	129°, 24.1, 32.5
Web Safe	336633	`#336633`

CIE-LAB	33.214, -11.656, 7.475
XYZ	6.126, 7.636, 6.305
xyY	0.305, 0.381, 7.636
CIE-LCH	33.214, 13.847, 147.328
CIE-LUV	33.214, -9.623, 10.374
Hunter-Lab	27.634, -8.788, 5.816
Binary	00111111, 01010011, 01000010

#3f5342
```
#3f5342 rgb(63,83,66)
```
#533f50
```
#533f50 rgb(83,63,80)
```

Complementary Color

#46533f
```
#46533f rgb(70,83,63)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#3f534c
```
#3f534c rgb(63,83,76)
```

Analogous Color

#533f46
```
#533f46 rgb(83,63,70)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#4c3f53
```
#4c3f53 rgb(76,63,83)
```

Split Complementary Color

#53423f
```
#53423f rgb(83,66,63)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#423f53
```
#423f53 rgb(66,63,83)
```

Triadic Color

#50533f
```
#50533f rgb(80,83,63)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#423f53
```
#423f53 rgb(66,63,83)
```
#533f50
```
#533f50 rgb(83,63,80)
```

Tetradic Color

#1e281f
```
#1e281f rgb(30,40,31)
```
#29362b
```
#29362b rgb(41,54,43)
```
#344536
```
#344536 rgb(52,69,54)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#4a614e
```
#4a614e rgb(74,97,78)
```
#557059
```
#557059 rgb(85,112,89)
```
#607e65
```
#607e65 rgb(96,126,101)
```

Monochromatic Color

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

#41533f
```
#41533f rgb(65,83,63)
```
#3f533f
```
#3f533f rgb(63,83,63)
```
#3f5340
```
#3f5340 rgb(63,83,64)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#3f5344
```
#3f5344 rgb(63,83,68)
```
#3f5345
```
#3f5345 rgb(63,83,69)
```
#3f5347
```
#3f5347 rgb(63,83,71)
```

Similar Colors

Text with hexadecimal color #3f5342

This text has a font color of #3f5342.

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

#3f5342 background color

This paragraph has a background color of #3f5342.

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

#3f5342 border color

This element has a border color of #3f5342.

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

CSS codes

.text {color:#3f5342;}

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

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

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

#040504
```
#040504 rgb(4,5,4)
```
#0c100d
```
#0c100d rgb(12,16,13)
```
#151b16
```
#151b16 rgb(21,27,22)
```
#1d261f
```
#1d261f rgb(29,38,31)
```
#263227
```
#263227 rgb(38,50,39)
```
#2e3d30
```
#2e3d30 rgb(46,61,48)
```
#374839
```
#374839 rgb(55,72,57)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#475e4b
```
#475e4b rgb(71,94,75)
```
#506954
```
#506954 rgb(80,105,84)
```
#58745d
```
#58745d rgb(88,116,93)
```
#618065
```
#618065 rgb(97,128,101)
```
#698b6e
```
#698b6e rgb(105,139,110)
```

Shade Color Variation

#739578
```
#739578 rgb(115,149,120)
```
#7e9d83
```
#7e9d83 rgb(126,157,131)
```
#89a68e
```
#89a68e rgb(137,166,142)
```
#94ae98
```
#94ae98 rgb(148,174,152)
```
#a0b7a3
```
#a0b7a3 rgb(160,183,163)
```
#abbfae
```
#abbfae rgb(171,191,174)
```
#b6c8b9
```
#b6c8b9 rgb(182,200,185)
```
#c1d0c3
```
#c1d0c3 rgb(193,208,195)
```
#ccd8ce
```
#ccd8ce rgb(204,216,206)
```
#d7e1d9
```
#d7e1d9 rgb(215,225,217)
```
#e2e9e4
```
#e2e9e4 rgb(226,233,228)
```
#eef2ee
```
#eef2ee rgb(238,242,238)
```
#f9faf9
```
#f9faf9 rgb(249,250,249)
```

Tint Color Variation

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

#454d46
```
#454d46 rgb(69,77,70)
```
#3f5342
```
#3f5342 rgb(63,83,66)
```
#39593e
```
#39593e rgb(57,89,62)
```
#345e3a
```
#345e3a rgb(52,94,58)
```
#2e6436
```
#2e6436 rgb(46,100,54)
```
#296932
```
#296932 rgb(41,105,50)
```
#236f2e
```
#236f2e rgb(35,111,46)
```
#1d752a
```
#1d752a rgb(29,117,42)
```
#187a26
```
#187a26 rgb(24,122,38)
```
#128023
```
#128023 rgb(18,128,35)
```
#0c861f
```
#0c861f rgb(12,134,31)
```
#078b1b
```
#078b1b rgb(7,139,27)
```
#019117
```
#019117 rgb(1,145,23)
```

Tone Color Variation

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

Dichromacy

#5b5749 Protanopia 1% of men
#62544e Deuteranopia 1% of men
#4d595f Tritanopia 0.001% of the population

Trichromacy

#515546 Protanomaly 1% of men, 0.01% of women
#555349 Deuteranomaly 6% of men, 0.4% of women
#485654 Tritanomaly 0.01% of the population

#3f5342 hex color

#3f5342 Color Information

#3f5342 Color Conversion

Color Schemes with #3f5342

Alternatives to #3f5342

#3f5342 Preview

Shades and Tints of #3f5342

Tones of #3f5342

Color Blindness Simulator