#3f221e hex color

In a RGB color space, hex #3f221e is composed of 24.7% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 52.4% yellow and 75.3% black. It has a hue angle of 7.3 degrees, a saturation of 35.5% and a lightness of 18.2%. #3f221e color hex could be obtained by blending #7e443c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 13
- B 12
RGB color chart
- C 0
- M 46
- Y 52
- K 75
CMYK color chart

● #3f221e color description : Very dark desaturated red.

The hexadecimal color #3f221e has RGB values of R:63, G:34, B:30 and CMYK values of C:0, M:0.46, Y:0.52, K:0.75. Its decimal value is 4137502.

Hex triplet	3f221e	`#3f221e`
RGB Decimal	63, 34, 30	`rgb(63,34,30)`
RGB Percent	24.7, 13.3, 11.8	`rgb(24.7%,13.3%,11.8%)`
CMYK	0, 46, 52, 75
HSL	7.3°, 35.5, 18.2	`hsl(7.3,35.5%,18.2%)`
HSV (or HSB)	7.3°, 52.4, 24.7
Web Safe	333333	`#333333`

CIE-LAB	16.964, 13.366, 8.67
XYZ	2.856, 2.295, 1.521
xyY	0.428, 0.344, 2.295
CIE-LCH	16.964, 15.931, 32.969
CIE-LUV	16.964, 16.591, 5.575
Hunter-Lab	15.148, 7.147, 4.652
Binary	00111111, 00100010, 00011110

#3f221e
```
#3f221e rgb(63,34,30)
```
#1e3b3f
```
#1e3b3f rgb(30,59,63)
```

Complementary Color

#3f1e2b
```
#3f1e2b rgb(63,30,43)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#3f331e
```
#3f331e rgb(63,51,30)
```

Analogous Color

#1e2b3f
```
#1e2b3f rgb(30,43,63)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#1e3f33
```
#1e3f33 rgb(30,63,51)
```

Split Complementary Color

#221e3f
```
#221e3f rgb(34,30,63)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#1e3f22
```
#1e3f22 rgb(30,63,34)
```

Triadic Color

#3f1e3b
```
#3f1e3b rgb(63,30,59)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#1e3f22
```
#1e3f22 rgb(30,63,34)
```
#1e3b3f
```
#1e3b3f rgb(30,59,63)
```

Tetradic Color

#0b0605
```
#0b0605 rgb(11,6,5)
```
#1c0f0e
```
#1c0f0e rgb(28,15,14)
```
#2e1916
```
#2e1916 rgb(46,25,22)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#502b26
```
#502b26 rgb(80,43,38)
```
#62352e
```
#62352e rgb(98,53,46)
```
#733e37
```
#733e37 rgb(115,62,55)
```

Monochromatic Color

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

#3f1e22
```
#3f1e22 rgb(63,30,34)
```
#3f1e20
```
#3f1e20 rgb(63,30,32)
```
#3f1f1e
```
#3f1f1e rgb(63,31,30)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#3f251e
```
#3f251e rgb(63,37,30)
```
#3f281e
```
#3f281e rgb(63,40,30)
```
#3f2a1e
```
#3f2a1e rgb(63,42,30)
```

Similar Colors

Text with hexadecimal color #3f221e

This text has a font color of #3f221e.

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

#3f221e background color

This paragraph has a background color of #3f221e.

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

#3f221e border color

This element has a border color of #3f221e.

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

CSS codes

.text {color:#3f221e;}

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

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

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, #0a0505 is the darkest color, while #fdfcfc is the lightest one.

#0a0505
```
#0a0505 rgb(10,5,5)
```
#170c0b
```
#170c0b rgb(23,12,11)
```
#241411
```
#241411 rgb(36,20,17)
```
#321b18
```
#321b18 rgb(50,27,24)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#4c2924
```
#4c2924 rgb(76,41,36)
```
#5a302b
```
#5a302b rgb(90,48,43)
```
#673831
```
#673831 rgb(103,56,49)
```
#743f37
```
#743f37 rgb(116,63,55)
```
#81463e
```
#81463e rgb(129,70,62)
```
#8f4d44
```
#8f4d44 rgb(143,77,68)
```
#9c544a
```
#9c544a rgb(156,84,74)
```
#a95b51
```
#a95b51 rgb(169,91,81)
```

Shade Color Variation

#b1665c
```
#b1665c rgb(177,102,92)
```
#b87369
```
#b87369 rgb(184,115,105)
```
#be7f77
```
#be7f77 rgb(190,127,119)
```
#c48c84
```
#c48c84 rgb(196,140,132)
```
#cb9891
```
#cb9891 rgb(203,152,145)
```
#d1a59f
```
#d1a59f rgb(209,165,159)
```
#d7b1ac
```
#d7b1ac rgb(215,177,172)
```
#debeb9
```
#debeb9 rgb(222,190,185)
```
#e4cac6
```
#e4cac6 rgb(228,202,198)
```
#ead6d4
```
#ead6d4 rgb(234,214,212)
```
#f1e3e1
```
#f1e3e1 rgb(241,227,225)
```
#f7efee
```
#f7efee rgb(247,239,238)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#312d2c
```
#312d2c rgb(49,45,44)
```
#342a29
```
#342a29 rgb(52,42,41)
```
#382725
```
#382725 rgb(56,39,37)
```
#3b2522
```
#3b2522 rgb(59,37,34)
```
#3f221e
```
#3f221e rgb(63,34,30)
```
#431f1a
```
#431f1a rgb(67,31,26)
```
#461d17
```
#461d17 rgb(70,29,23)
```
#4a1a13
```
#4a1a13 rgb(74,26,19)
```
#4d1710
```
#4d1710 rgb(77,23,16)
```
#51140c
```
#51140c rgb(81,20,12)
```
#541209
```
#541209 rgb(84,18,9)
```
#580f05
```
#580f05 rgb(88,15,5)
```
#5c0c01
```
#5c0c01 rgb(92,12,1)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2e2828 Atypical Achromatopsia 0.001% of the population

Dichromacy

#37342c Protanopia 1% of men
#3e3228 Deuteranopia 1% of men
#492c2f Tritanopia 0.001% of the population

Trichromacy

#3a2d27 Protanomaly 1% of men, 0.01% of women
#3e2c24 Deuteranomaly 6% of men, 0.4% of women
#452829 Tritanomaly 0.01% of the population

#3f221e hex color

#3f221e Color Information

#3f221e Color Conversion

Color Schemes with #3f221e

Alternatives to #3f221e

#3f221e Preview

Shades and Tints of #3f221e

Tones of #3f221e

Color Blindness Simulator