colorhexa.com

#3f3d30 hex color

In a RGB color space, hex #3f3d30 is composed of 24.7% red, 23.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 23.8% yellow and 75.3% black. It has a hue angle of 52 degrees, a saturation of 13.5% and a lightness of 21.8%. #3f3d30 color hex could be obtained by blending #7e7a60 with #000000. Closest websafe color is: #333333.

- R 25
- G 24
- B 19
RGB color chart
- C 0
- M 3
- Y 24
- K 75
CMYK color chart

● #3f3d30 color description : Very dark grayish yellow.

The hexadecimal color #3f3d30 has RGB values of R:63, G:61, B:48 and CMYK values of C:0, M:0.03, Y:0.24, K:0.75. Its decimal value is 4144432.

Hex triplet	3f3d30	`#3f3d30`
RGB Decimal	63, 61, 48	`rgb(63,61,48)`
RGB Percent	24.7, 23.9, 18.8	`rgb(24.7%,23.9%,18.8%)`
CMYK	0, 3, 24, 75
HSL	52°, 13.5, 21.8	`hsl(52,13.5%,21.8%)`
HSV (or HSB)	52°, 23.8, 24.7
Web Safe	333333	`#333333`

CIE-LAB	25.586, -1.755, 8.343
XYZ	4.252, 4.608, 3.462
xyY	0.345, 0.374, 4.608
CIE-LCH	25.586, 8.526, 101.882
CIE-LUV	25.586, 1.743, 8.917
Hunter-Lab	21.466, -2.206, 5.465
Binary	00111111, 00111101, 00110000

#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#30323f
```
#30323f rgb(48,50,63)
```

Complementary Color

#3f3630
```
#3f3630 rgb(63,54,48)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#3a3f30
```
#3a3f30 rgb(58,63,48)
```

Analogous Color

#36303f
```
#36303f rgb(54,48,63)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#303a3f
```
#303a3f rgb(48,58,63)
```

Split Complementary Color

#14130f
```
#14130f rgb(20,19,15)
```
#22211a
```
#22211a rgb(34,33,26)
```
#312f25
```
#312f25 rgb(49,47,37)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#4d4b3b
```
#4d4b3b rgb(77,75,59)
```
#5c5946
```
#5c5946 rgb(92,89,70)
```
#6a6751
```
#6a6751 rgb(106,103,81)
```

Monochromatic Color

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

#3f3930
```
#3f3930 rgb(63,57,48)
```
#3f3b30
```
#3f3b30 rgb(63,59,48)
```
#3f3c30
```
#3f3c30 rgb(63,60,48)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#3f3e30
```
#3f3e30 rgb(63,62,48)
```
#3f3f30
```
#3f3f30 rgb(63,63,48)
```
#3d3f30
```
#3d3f30 rgb(61,63,48)
```

Similar Colors

Text with hexadecimal color #3f3d30

This text has a font color of #3f3d30.

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

#3f3d30 background color

This paragraph has a background color of #3f3d30.

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

#3f3d30 border color

This element has a border color of #3f3d30.

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

CSS codes

.text {color:#3f3d30;}

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

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

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

#070706
```
#070706 rgb(7,7,6)
```
#12120e
```
#12120e rgb(18,18,14)
```
#1e1d17
```
#1e1d17 rgb(30,29,23)
```
#29271f
```
#29271f rgb(41,39,31)
```
#343228
```
#343228 rgb(52,50,40)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#4a4838
```
#4a4838 rgb(74,72,56)
```
#555341
```
#555341 rgb(85,83,65)
```
#605d49
```
#605d49 rgb(96,93,73)
```
#6c6852
```
#6c6852 rgb(108,104,82)
```
#77735a
```
#77735a rgb(119,115,90)
```
#827e63
```
#827e63 rgb(130,126,99)
```
#8d886b
```
#8d886b rgb(141,136,107)
```

Shade Color Variation

#969276
```
#969276 rgb(150,146,118)
```
#9f9b81
```
#9f9b81 rgb(159,155,129)
```
#a7a48c
```
#a7a48c rgb(167,164,140)
```
#b0ac97
```
#b0ac97 rgb(176,172,151)
```
#b8b5a2
```
#b8b5a2 rgb(184,181,162)
```
#c1bead
```
#c1bead rgb(193,190,173)
```
#c9c7b8
```
#c9c7b8 rgb(201,199,184)
```
#d2d0c4
```
#d2d0c4 rgb(210,208,196)
```
#dad9cf
```
#dad9cf rgb(218,217,207)
```
#e3e1da
```
#e3e1da rgb(227,225,218)
```
#ebeae5
```
#ebeae5 rgb(235,234,229)
```
#f4f3f0
```
#f4f3f0 rgb(244,243,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#3b3a34
```
#3b3a34 rgb(59,58,52)
```
#3f3d30
```
#3f3d30 rgb(63,61,48)
```
#43402c
```
#43402c rgb(67,64,44)
```
#484327
```
#484327 rgb(72,67,39)
```
#4c4623
```
#4c4623 rgb(76,70,35)
```
#504a1f
```
#504a1f rgb(80,74,31)
```
#544d1b
```
#544d1b rgb(84,77,27)
```
#595016
```
#595016 rgb(89,80,22)
```
#5d5312
```
#5d5312 rgb(93,83,18)
```
#61560e
```
#61560e rgb(97,86,14)
```
#65590a
```
#65590a rgb(101,89,10)
```
#6a5c05
```
#6a5c05 rgb(106,92,5)
```
#6e5f01
```
#6e5f01 rgb(110,95,1)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3d3c3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a463a Protanopia 1% of men
#51443b Deuteranopia 1% of men
#4b4449 Tritanopia 0.001% of the population

Trichromacy

#464336 Protanomaly 1% of men, 0.01% of women
#4a4137 Deuteranomaly 6% of men, 0.4% of women
#464240 Tritanomaly 0.01% of the population