#3d4f48 hex color

In a RGB color space, hex #3d4f48 is composed of 23.9% red, 31% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 0% magenta, 8.9% yellow and 69% black. It has a hue angle of 156.7 degrees, a saturation of 12.9% and a lightness of 27.5%. #3d4f48 color hex could be obtained by blending #7a9e90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 24
- G 31
- B 28
RGB color chart
- C 23
- M 0
- Y 9
- K 69
CMYK color chart

● #3d4f48 color description : Very dark grayish cyan - lime green.

The hexadecimal color #3d4f48 has RGB values of R:61, G:79, B:72 and CMYK values of C:0.23, M:0, Y:0.09, K:0.69. Its decimal value is 4017992.

Hex triplet	3d4f48	`#3d4f48`
RGB Decimal	61, 79, 72	`rgb(61,79,72)`
RGB Percent	23.9, 31, 28.2	`rgb(23.9%,31%,28.2%)`
CMYK	23, 0, 9, 69
HSL	156.7°, 12.9, 27.5	`hsl(156.7,12.9%,27.5%)`
HSV (or HSB)	156.7°, 22.8, 31
Web Safe	336633	`#336633`

CIE-LAB	31.925, -8.711, 1.822
XYZ	5.89, 7.052, 7.181
xyY	0.293, 0.35, 7.052
CIE-LCH	31.925, 8.899, 168.185
CIE-LUV	31.925, -8.708, 3.361
Hunter-Lab	26.555, -6.881, 2.555
Binary	00111101, 01001111, 01001000

#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#4f3d44
```
#4f3d44 rgb(79,61,68)
```

Complementary Color

#3d4f3f
```
#3d4f3f rgb(61,79,63)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#3d4d4f
```
#3d4d4f rgb(61,77,79)
```

Analogous Color

#4f3f3d
```
#4f3f3d rgb(79,63,61)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#4f3d4d
```
#4f3d4d rgb(79,61,77)
```

Split Complementary Color

#4f483d
```
#4f483d rgb(79,72,61)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#483d4f
```
#483d4f rgb(72,61,79)
```

Triadic Color

#444f3d
```
#444f3d rgb(68,79,61)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#483d4f
```
#483d4f rgb(72,61,79)
```
#4f3d44
```
#4f3d44 rgb(79,61,68)
```

Tetradic Color

#1c2421
```
#1c2421 rgb(28,36,33)
```
#27322e
```
#27322e rgb(39,50,46)
```
#32413b
```
#32413b rgb(50,65,59)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#485d55
```
#485d55 rgb(72,93,85)
```
#536c62
```
#536c62 rgb(83,108,98)
```
#5e7a6f
```
#5e7a6f rgb(94,122,111)
```

Monochromatic Color

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

#3d4f44
```
#3d4f44 rgb(61,79,68)
```
#3d4f45
```
#3d4f45 rgb(61,79,69)
```
#3d4f47
```
#3d4f47 rgb(61,79,71)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#3d4f4a
```
#3d4f4a rgb(61,79,74)
```
#3d4f4b
```
#3d4f4b rgb(61,79,75)
```
#3d4f4d
```
#3d4f4d rgb(61,79,77)
```

Similar Colors

Text with hexadecimal color #3d4f48

This text has a font color of #3d4f48.

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

#3d4f48 background color

This paragraph has a background color of #3d4f48.

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

#3d4f48 border color

This element has a border color of #3d4f48.

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

CSS codes

.text {color:#3d4f48;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0d0b
```
#0a0d0b rgb(10,13,11)
```
#121816
```
#121816 rgb(18,24,22)
```
#1b2320
```
#1b2320 rgb(27,35,32)
```
#232e2a
```
#232e2a rgb(35,46,42)
```
#2c3934
```
#2c3934 rgb(44,57,52)
```
#34443e
```
#34443e rgb(52,68,62)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#465a52
```
#465a52 rgb(70,90,82)
```
#4e655c
```
#4e655c rgb(78,101,92)
```
#577066
```
#577066 rgb(87,112,102)
```
#5f7b70
```
#5f7b70 rgb(95,123,112)
```
#68867a
```
#68867a rgb(104,134,122)
```

Shade Color Variation

#719184
```
#719184 rgb(113,145,132)
```
#7c9a8e
```
#7c9a8e rgb(124,154,142)
```
#87a298
```
#87a298 rgb(135,162,152)
```
#92aba1
```
#92aba1 rgb(146,171,161)
```
#9db3ab
```
#9db3ab rgb(157,179,171)
```
#a8bcb4
```
#a8bcb4 rgb(168,188,180)
```
#b3c4be
```
#b3c4be rgb(179,196,190)
```
#becdc7
```
#becdc7 rgb(190,205,199)
```
#c9d5d1
```
#c9d5d1 rgb(201,213,209)
```
#d4deda
```
#d4deda rgb(212,222,218)
```
#dfe7e4
```
#dfe7e4 rgb(223,231,228)
```
#eaefed
```
#eaefed rgb(234,239,237)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

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

#424a47
```
#424a47 rgb(66,74,71)
```
#3d4f48
```
#3d4f48 rgb(61,79,72)
```
#385449
```
#385449 rgb(56,84,73)
```
#325a4a
```
#325a4a rgb(50,90,74)
```
#2d5f4c
```
#2d5f4c rgb(45,95,76)
```
#27654d
```
#27654d rgb(39,101,77)
```
#226a4e
```
#226a4e rgb(34,106,78)
```
#1d6f4f
```
#1d6f4f rgb(29,111,79)
```
#177550
```
#177550 rgb(23,117,80)
```
#127a52
```
#127a52 rgb(18,122,82)
```
#0d7f53
```
#0d7f53 rgb(13,127,83)
```
#078554
```
#078554 rgb(7,133,84)
```
#028a55
```
#028a55 rgb(2,138,85)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#474a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57544f Protanopia 1% of men
#5c5153 Deuteranopia 1% of men
#49565c Tritanopia 0.001% of the population

Trichromacy

#4d524c Protanomaly 1% of men, 0.01% of women
#51504f Deuteranomaly 6% of men, 0.4% of women
#455355 Tritanomaly 0.01% of the population

#3d4f48 hex color

#3d4f48 Color Information

#3d4f48 Color Conversion

Color Schemes with #3d4f48

Alternatives to #3d4f48

#3d4f48 Preview

Shades and Tints of #3d4f48

Tones of #3d4f48

Color Blindness Simulator