#3f2f30 hex color

In a RGB color space, hex #3f2f30 is composed of 24.7% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.4% magenta, 23.8% yellow and 75.3% black. It has a hue angle of 356.3 degrees, a saturation of 14.5% and a lightness of 21.6%. #3f2f30 color hex could be obtained by blending #7e5e60 with #000000. Closest websafe color is: #333333.

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

● #3f2f30 color description : Very dark grayish red.

The hexadecimal color #3f2f30 has RGB values of R:63, G:47, B:48 and CMYK values of C:0, M:0.25, Y:0.24, K:0.75. Its decimal value is 4140848.

Hex triplet	3f2f30	`#3f2f30`
RGB Decimal	63, 47, 48	`rgb(63,47,48)`
RGB Percent	24.7, 18.4, 18.8	`rgb(24.7%,18.4%,18.8%)`
CMYK	0, 25, 24, 75
HSL	356.3°, 14.5, 21.6	`hsl(356.3,14.5%,21.6%)`
HSV (or HSB)	356.3°, 25.4, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.22, 7.483, 2.17
XYZ	3.6, 3.303, 3.244
xyY	0.355, 0.326, 3.303
CIE-LCH	21.22, 7.792, 16.168
CIE-LUV	21.22, 8.594, 1.228
Hunter-Lab	18.175, 3.549, 2.14
Binary	00111111, 00101111, 00110000

#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#2f3f3e
```
#2f3f3e rgb(47,63,62)
```

Complementary Color

#3f2f38
```
#3f2f38 rgb(63,47,56)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#3f362f
```
#3f362f rgb(63,54,47)
```

Analogous Color

#2f383f
```
#2f383f rgb(47,56,63)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```

Split Complementary Color

#2f303f
```
#2f303f rgb(47,48,63)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#303f2f
```
#303f2f rgb(48,63,47)
```

Triadic Color

#3e2f3f
```
#3e2f3f rgb(62,47,63)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#303f2f
```
#303f2f rgb(48,63,47)
```
#2f3f3e
```
#2f3f3e rgb(47,63,62)
```

Tetradic Color

#130e0f
```
#130e0f rgb(19,14,15)
```
#22191a
```
#22191a rgb(34,25,26)
```
#302425
```
#302425 rgb(48,36,37)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#4e3a3b
```
#4e3a3b rgb(78,58,59)
```
#5c4546
```
#5c4546 rgb(92,69,70)
```
#6b5051
```
#6b5051 rgb(107,80,81)
```

Monochromatic Color

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

#3f2f34
```
#3f2f34 rgb(63,47,52)
```
#3f2f33
```
#3f2f33 rgb(63,47,51)
```
#3f2f31
```
#3f2f31 rgb(63,47,49)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#3f2f2f
```
#3f2f2f rgb(63,47,47)
```
#3f312f
```
#3f312f rgb(63,49,47)
```
#3f322f
```
#3f322f rgb(63,50,47)
```

Similar Colors

Text with hexadecimal color #3f2f30

This text has a font color of #3f2f30.

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

#3f2f30 background color

This paragraph has a background color of #3f2f30.

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

#3f2f30 border color

This element has a border color of #3f2f30.

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

CSS codes

.text {color:#3f2f30;}

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

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

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

#070505
```
#070505 rgb(7,5,5)
```
#120d0e
```
#120d0e rgb(18,13,14)
```
#1d1616
```
#1d1616 rgb(29,22,22)
```
#291e1f
```
#291e1f rgb(41,30,31)
```
#342727
```
#342727 rgb(52,39,39)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#4a3739
```
#4a3739 rgb(74,55,57)
```
#554041
```
#554041 rgb(85,64,65)
```
#61484a
```
#61484a rgb(97,72,74)
```
#6c5152
```
#6c5152 rgb(108,81,82)
```
#77595b
```
#77595b rgb(119,89,91)
```
#826163
```
#826163 rgb(130,97,99)
```
#8e6a6c
```
#8e6a6c rgb(142,106,108)
```

Shade Color Variation

#977476
```
#977476 rgb(151,116,118)
```
#a07f81
```
#a07f81 rgb(160,127,129)
```
#a88a8c
```
#a88a8c rgb(168,138,140)
```
#b09597
```
#b09597 rgb(176,149,151)
```
#b9a1a2
```
#b9a1a2 rgb(185,161,162)
```
#c1acad
```
#c1acad rgb(193,172,173)
```
#c9b7b8
```
#c9b7b8 rgb(201,183,184)
```
#d2c2c3
```
#d2c2c3 rgb(210,194,195)
```
#dacece
```
#dacece rgb(218,206,206)
```
#e3d9d9
```
#e3d9d9 rgb(227,217,217)
```
#ebe4e5
```
#ebe4e5 rgb(235,228,229)
```
#f3eff0
```
#f3eff0 rgb(243,239,240)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

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

#3b3334
```
#3b3334 rgb(59,51,52)
```
#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#432b2c
```
#432b2c rgb(67,43,44)
```
#472729
```
#472729 rgb(71,39,41)
```
#4c2225
```
#4c2225 rgb(76,34,37)
```
#501e21
```
#501e21 rgb(80,30,33)
```
#541a1d
```
#541a1d rgb(84,26,29)
```
#58161a
```
#58161a rgb(88,22,26)
```
#5d1116
```
#5d1116 rgb(93,17,22)
```
#610d12
```
#610d12 rgb(97,13,18)
```
#65090f
```
#65090f rgb(101,9,15)
```
#69050b
```
#69050b rgb(105,5,11)
```
#6e0007
```
#6e0007 rgb(110,0,7)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#363333 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3d3c Protanopia 1% of men
#443b3a Deuteranopia 1% of men
#49393d Tritanopia 0.001% of the population

Trichromacy

#3e3837 Protanomaly 1% of men, 0.01% of women
#423736 Deuteranomaly 6% of men, 0.4% of women
#453538 Tritanomaly 0.01% of the population

#3f2f30 hex color

#3f2f30 Color Information

#3f2f30 Color Conversion

Color Schemes with #3f2f30

Alternatives to #3f2f30

#3f2f30 Preview

Shades and Tints of #3f2f30

Tones of #3f2f30

Color Blindness Simulator