#3f301d hex color

In a RGB color space, hex #3f301d is composed of 24.7% red, 18.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 54% yellow and 75.3% black. It has a hue angle of 33.5 degrees, a saturation of 37% and a lightness of 18%. #3f301d color hex could be obtained by blending #7e603a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 19
- B 11
RGB color chart
- C 0
- M 24
- Y 54
- K 75
CMYK color chart

● #3f301d color description : Very dark desaturated orange.

The hexadecimal color #3f301d has RGB values of R:63, G:48, B:29 and CMYK values of C:0, M:0.24, Y:0.54, K:0.75. Its decimal value is 4141085.

Hex triplet	3f301d	`#3f301d`
RGB Decimal	63, 48, 29	`rgb(63,48,29)`
RGB Percent	24.7, 18.8, 11.4	`rgb(24.7%,18.8%,11.4%)`
CMYK	0, 24, 54, 75
HSL	33.5°, 37, 18	`hsl(33.5,37%,18%)`
HSV (or HSB)	33.5°, 54, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.055, 3.868, 14.736
XYZ	3.329, 3.26, 1.616
xyY	0.406, 0.397, 3.26
CIE-LCH	21.055, 15.235, 75.293
CIE-LUV	21.055, 9.707, 12.507
Hunter-Lab	18.054, 1.315, 7.33
Binary	00111111, 00110000, 00011101

#3f301d
```
#3f301d rgb(63,48,29)
```
#1d2c3f
```
#1d2c3f rgb(29,44,63)
```

Complementary Color

#3f1f1d
```
#3f1f1d rgb(63,31,29)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#3d3f1d
```
#3d3f1d rgb(61,63,29)
```

Analogous Color

#1f1d3f
```
#1f1d3f rgb(31,29,63)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#1d3d3f
```
#1d3d3f rgb(29,61,63)
```

Split Complementary Color

#301d3f
```
#301d3f rgb(48,29,63)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#1d3f30
```
#1d3f30 rgb(29,63,48)
```

Triadic Color

#3f1d2c
```
#3f1d2c rgb(63,29,44)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#1d3f30
```
#1d3f30 rgb(29,63,48)
```
#1d2c3f
```
#1d2c3f rgb(29,44,63)
```

Tetradic Color

#0b0805
```
#0b0805 rgb(11,8,5)
```
#1c150d
```
#1c150d rgb(28,21,13)
```
#2e2315
```
#2e2315 rgb(46,35,21)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#503d25
```
#503d25 rgb(80,61,37)
```
#624b2d
```
#624b2d rgb(98,75,45)
```
#735835
```
#735835 rgb(115,88,53)
```

Monochromatic Color

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

#3f281d
```
#3f281d rgb(63,40,29)
```
#3f2a1d
```
#3f2a1d rgb(63,42,29)
```
#3f2d1d
```
#3f2d1d rgb(63,45,29)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#3f331d
```
#3f331d rgb(63,51,29)
```
#3f361d
```
#3f361d rgb(63,54,29)
```
#3f391d
```
#3f391d rgb(63,57,29)
```

Similar Colors

Text with hexadecimal color #3f301d

This text has a font color of #3f301d.

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

#3f301d background color

This paragraph has a background color of #3f301d.

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

#3f301d border color

This element has a border color of #3f301d.

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

CSS codes

.text {color:#3f301d;}

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

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

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

#090704
```
#090704 rgb(9,7,4)
```
#17110a
```
#17110a rgb(23,17,10)
```
#241c11
```
#241c11 rgb(36,28,17)
```
#322617
```
#322617 rgb(50,38,23)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#4c3a23
```
#4c3a23 rgb(76,58,35)
```
#5a4429
```
#5a4429 rgb(90,68,41)
```
#674f30
```
#674f30 rgb(103,79,48)
```
#755936
```
#755936 rgb(117,89,54)
```
#82633c
```
#82633c rgb(130,99,60)
```
#906d42
```
#906d42 rgb(144,109,66)
```
#9d7848
```
#9d7848 rgb(157,120,72)
```
#aa824e
```
#aa824e rgb(170,130,78)
```

Shade Color Variation

#b38c5a
```
#b38c5a rgb(179,140,90)
```
#b99567
```
#b99567 rgb(185,149,103)
```
#bf9e75
```
#bf9e75 rgb(191,158,117)
```
#c5a882
```
#c5a882 rgb(197,168,130)
```
#ccb18f
```
#ccb18f rgb(204,177,143)
```
#d2ba9d
```
#d2ba9d rgb(210,186,157)
```
#d8c4aa
```
#d8c4aa rgb(216,196,170)
```
#decdb8
```
#decdb8 rgb(222,205,184)
```
#e4d7c5
```
#e4d7c5 rgb(228,215,197)
```
#ebe0d3
```
#ebe0d3 rgb(235,224,211)
```
#f1e9e0
```
#f1e9e0 rgb(241,233,224)
```
#f7f3ed
```
#f7f3ed rgb(247,243,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #312e2b is the less saturated color, while #5b3301 is the most saturated one.

#312e2b
```
#312e2b rgb(49,46,43)
```
#342f28
```
#342f28 rgb(52,47,40)
```
#382f24
```
#382f24 rgb(56,47,36)
```
#3b3021
```
#3b3021 rgb(59,48,33)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#433019
```
#433019 rgb(67,48,25)
```
#463116
```
#463116 rgb(70,49,22)
```
#4a3112
```
#4a3112 rgb(74,49,18)
```
#4d320f
```
#4d320f rgb(77,50,15)
```
#51320b
```
#51320b rgb(81,50,11)
```
#543208
```
#543208 rgb(84,50,8)
```
#583304
```
#583304 rgb(88,51,4)
```
#5b3301
```
#5b3301 rgb(91,51,1)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#35322e Atypical Achromatopsia 0.001% of the population

Dichromacy

#423d29 Protanopia 1% of men
#493a28 Deuteranopia 1% of men
#4b383c Tritanopia 0.001% of the population

Trichromacy

#413825 Protanomaly 1% of men, 0.01% of women
#453624 Deuteranomaly 6% of men, 0.4% of women
#463530 Tritanomaly 0.01% of the population

#3f301d hex color

#3f301d Color Information

#3f301d Color Conversion

Color Schemes with #3f301d

Alternatives to #3f301d

#3f301d Preview

Shades and Tints of #3f301d

Tones of #3f301d

Color Blindness Simulator