#3f1218 hex color

In a RGB color space, hex #3f1218 is composed of 24.7% red, 7.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 61.9% yellow and 75.3% black. It has a hue angle of 352 degrees, a saturation of 55.6% and a lightness of 15.9%. #3f1218 color hex could be obtained by blending #7e2430 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 25
- G 7
- B 9
RGB color chart
- C 0
- M 71
- Y 62
- K 75
CMYK color chart

● #3f1218 color description : Very dark red.

The hexadecimal color #3f1218 has RGB values of R:63, G:18, B:24 and CMYK values of C:0, M:0.71, Y:0.62, K:0.75. Its decimal value is 4133400.

Hex triplet	3f1218	`#3f1218`
RGB Decimal	63, 18, 24	`rgb(63,18,24)`
RGB Percent	24.7, 7.1, 9.4	`rgb(24.7%,7.1%,9.4%)`
CMYK	0, 71, 62, 75
HSL	352°, 55.6, 15.9	`hsl(352,55.6%,15.9%)`
HSV (or HSB)	352°, 71.4, 24.7
Web Safe	330000	`#330000`

CIE-LAB	12.957, 22.505, 7.541
XYZ	2.431, 1.556, 1.036
xyY	0.484, 0.31, 1.556
CIE-LCH	12.957, 23.735, 18.525
CIE-LUV	12.957, 23.406, 2.786
Hunter-Lab	12.472, 12.968, 3.804
Binary	00111111, 00010010, 00011000

#3f1218
```
#3f1218 rgb(63,18,24)
```
#123f39
```
#123f39 rgb(18,63,57)
```

Complementary Color

#3f122f
```
#3f122f rgb(63,18,47)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#3f2312
```
#3f2312 rgb(63,35,18)
```

Analogous Color

#122f3f
```
#122f3f rgb(18,47,63)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#123f23
```
#123f23 rgb(18,63,35)
```

Split Complementary Color

#12183f
```
#12183f rgb(18,24,63)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#183f12
```
#183f12 rgb(24,63,18)
```

Triadic Color

#39123f
```
#39123f rgb(57,18,63)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#183f12
```
#183f12 rgb(24,63,18)
```
#123f39
```
#123f39 rgb(18,63,57)
```

Tetradic Color

#030101
```
#030101 rgb(3,1,1)
```
#170709
```
#170709 rgb(23,7,9)
```
#2b0c10
```
#2b0c10 rgb(43,12,16)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#531820
```
#531820 rgb(83,24,32)
```
#671d27
```
#671d27 rgb(103,29,39)
```
#7b232f
```
#7b232f rgb(123,35,47)
```

Monochromatic Color

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

#3f1223
```
#3f1223 rgb(63,18,35)
```
#3f1220
```
#3f1220 rgb(63,18,32)
```
#3f121c
```
#3f121c rgb(63,18,28)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#3f1214
```
#3f1214 rgb(63,18,20)
```
#3f1412
```
#3f1412 rgb(63,20,18)
```
#3f1712
```
#3f1712 rgb(63,23,18)
```

Similar Colors

Text with hexadecimal color #3f1218

This text has a font color of #3f1218.

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

#3f1218 background color

This paragraph has a background color of #3f1218.

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

#3f1218 border color

This element has a border color of #3f1218.

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

CSS codes

.text {color:#3f1218;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110507
```
#110507 rgb(17,5,7)
```
#20090c
```
#20090c rgb(32,9,12)
```
#300e12
```
#300e12 rgb(48,14,18)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#4e161e
```
#4e161e rgb(78,22,30)
```
#5e1b24
```
#5e1b24 rgb(94,27,36)
```
#6d1f29
```
#6d1f29 rgb(109,31,41)
```
#7c232f
```
#7c232f rgb(124,35,47)
```
#8b2835
```
#8b2835 rgb(139,40,53)
```
#9b2c3b
```
#9b2c3b rgb(155,44,59)
```
#aa3141
```
#aa3141 rgb(170,49,65)
```
#b93546
```
#b93546 rgb(185,53,70)
```

Shade Color Variation

#c73b4d
```
#c73b4d rgb(199,59,77)
```
#cb4a5b
```
#cb4a5b rgb(203,74,91)
```
#d05969
```
#d05969 rgb(208,89,105)
```
#d46877
```
#d46877 rgb(212,104,119)
```
#d87885
```
#d87885 rgb(216,120,133)
```
#dd8792
```
#dd8792 rgb(221,135,146)
```
#e196a0
```
#e196a0 rgb(225,150,160)
```
#e5a5ae
```
#e5a5ae rgb(229,165,174)
```
#eab5bc
```
#eab5bc rgb(234,181,188)
```
#eec4ca
```
#eec4ca rgb(238,196,202)
```
#f2d3d7
```
#f2d3d7 rgb(242,211,215)
```
#f7e2e5
```
#f7e2e5 rgb(247,226,229)
```
#fbf2f3
```
#fbf2f3 rgb(251,242,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #292828 is the less saturated color, while #4f020d is the most saturated one.

#292828
```
#292828 rgb(41,40,40)
```
#2c2526
```
#2c2526 rgb(44,37,38)
```
#2f2223
```
#2f2223 rgb(47,34,35)
```
#331e21
```
#331e21 rgb(51,30,33)
```
#361b1f
```
#361b1f rgb(54,27,31)
```
#39181d
```
#39181d rgb(57,24,29)
```
#3c151a
```
#3c151a rgb(60,21,26)
```
#3f1218
```
#3f1218 rgb(63,18,24)
```
#420f16
```
#420f16 rgb(66,15,22)
```
#450c13
```
#450c13 rgb(69,12,19)
```
#480911
```
#480911 rgb(72,9,17)
```
#4b060f
```
#4b060f rgb(75,6,15)
```
#4f020d
```
#4f020d rgb(79,2,13)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#261d1e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e2c2a Protanopia 1% of men
#352b21 Deuteranopia 1% of men
#481e20 Tritanopia 0.001% of the population

Trichromacy

#342323 Protanomaly 1% of men, 0.01% of women
#38221d Deuteranomaly 6% of men, 0.4% of women
#451a1d Tritanomaly 0.01% of the population

#3f1218 hex color

#3f1218 Color Information

#3f1218 Color Conversion

Color Schemes with #3f1218

Alternatives to #3f1218

#3f1218 Preview

Shades and Tints of #3f1218

Tones of #3f1218

Color Blindness Simulator