#3f281f hex color

In a RGB color space, hex #3f281f is composed of 24.7% red, 15.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 50.8% yellow and 75.3% black. It has a hue angle of 16.9 degrees, a saturation of 34% and a lightness of 18.4%. #3f281f color hex could be obtained by blending #7e503e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 16
- B 12
RGB color chart
- C 0
- M 37
- Y 51
- K 75
CMYK color chart

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

The hexadecimal color #3f281f has RGB values of R:63, G:40, B:31 and CMYK values of C:0, M:0.37, Y:0.51, K:0.75. Its decimal value is 4139039.

Hex triplet	3f281f	`#3f281f`
RGB Decimal	63, 40, 31	`rgb(63,40,31)`
RGB Percent	24.7, 15.7, 12.2	`rgb(24.7%,15.7%,12.2%)`
CMYK	0, 37, 51, 75
HSL	16.9°, 34, 18.4	`hsl(16.9,34%,18.4%)`
HSV (or HSB)	16.9°, 50.8, 24.7
Web Safe	333333	`#333333`

CIE-LAB	18.686, 9.486, 10.297
XYZ	3.056, 2.673, 1.651
xyY	0.414, 0.362, 2.673
CIE-LCH	18.686, 14.001, 47.348
CIE-LUV	18.686, 13.661, 7.718
Hunter-Lab	16.351, 4.749, 5.458
Binary	00111111, 00101000, 00011111

#3f281f
```
#3f281f rgb(63,40,31)
```
#1f363f
```
#1f363f rgb(31,54,63)
```

Complementary Color

#3f1f26
```
#3f1f26 rgb(63,31,38)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#3f381f
```
#3f381f rgb(63,56,31)
```

Analogous Color

#1f263f
```
#1f263f rgb(31,38,63)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#1f3f38
```
#1f3f38 rgb(31,63,56)
```

Split Complementary Color

#281f3f
```
#281f3f rgb(40,31,63)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#1f3f28
```
#1f3f28 rgb(31,63,40)
```

Triadic Color

#3f1f36
```
#3f1f36 rgb(63,31,54)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#1f3f28
```
#1f3f28 rgb(31,63,40)
```
#1f363f
```
#1f363f rgb(31,54,63)
```

Tetradic Color

#0c0706
```
#0c0706 rgb(12,7,6)
```
#1d120e
```
#1d120e rgb(29,18,14)
```
#2e1d17
```
#2e1d17 rgb(46,29,23)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#503327
```
#503327 rgb(80,51,39)
```
#613e30
```
#613e30 rgb(97,62,48)
```
#724938
```
#724938 rgb(114,73,56)
```

Monochromatic Color

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

#3f201f
```
#3f201f rgb(63,32,31)
```
#3f231f
```
#3f231f rgb(63,35,31)
```
#3f251f
```
#3f251f rgb(63,37,31)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#3f2b1f
```
#3f2b1f rgb(63,43,31)
```
#3f2d1f
```
#3f2d1f rgb(63,45,31)
```
#3f301f
```
#3f301f rgb(63,48,31)
```

Similar Colors

Text with hexadecimal color #3f281f

This text has a font color of #3f281f.

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

#3f281f background color

This paragraph has a background color of #3f281f.

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

#3f281f border color

This element has a border color of #3f281f.

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

CSS codes

.text {color:#3f281f;}

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

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

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

#0a0705
```
#0a0705 rgb(10,7,5)
```
#180f0c
```
#180f0c rgb(24,15,12)
```
#251712
```
#251712 rgb(37,23,18)
```
#322019
```
#322019 rgb(50,32,25)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#4c3025
```
#4c3025 rgb(76,48,37)
```
#59392c
```
#59392c rgb(89,57,44)
```
#664132
```
#664132 rgb(102,65,50)
```
#744939
```
#744939 rgb(116,73,57)
```
#81523f
```
#81523f rgb(129,82,63)
```
#8e5a46
```
#8e5a46 rgb(142,90,70)
```
#9b624c
```
#9b624c rgb(155,98,76)
```
#a86b53
```
#a86b53 rgb(168,107,83)
```

Shade Color Variation

#b0755f
```
#b0755f rgb(176,117,95)
```
#b6816c
```
#b6816c rgb(182,129,108)
```
#bd8c79
```
#bd8c79 rgb(189,140,121)
```
#c39786
```
#c39786 rgb(195,151,134)
```
#caa393
```
#caa393 rgb(202,163,147)
```
#d0aea0
```
#d0aea0 rgb(208,174,160)
```
#d7b9ad
```
#d7b9ad rgb(215,185,173)
```
#ddc4bb
```
#ddc4bb rgb(221,196,187)
```
#e4d0c8
```
#e4d0c8 rgb(228,208,200)
```
#eadbd5
```
#eadbd5 rgb(234,219,213)
```
#f1e6e2
```
#f1e6e2 rgb(241,230,226)
```
#f7f1ef
```
#f7f1ef rgb(247,241,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#312e2d
```
#312e2d rgb(49,46,45)
```
#342d2a
```
#342d2a rgb(52,45,42)
```
#382b26
```
#382b26 rgb(56,43,38)
```
#3b2a23
```
#3b2a23 rgb(59,42,35)
```
#3f281f
```
#3f281f rgb(63,40,31)
```
#43261b
```
#43261b rgb(67,38,27)
```
#462518
```
#462518 rgb(70,37,24)
```
#4a2314
```
#4a2314 rgb(74,35,20)
```
#4d2211
```
#4d2211 rgb(77,34,17)
```
#51200d
```
#51200d rgb(81,32,13)
```
#551f09
```
#551f09 rgb(85,31,9)
```
#581d06
```
#581d06 rgb(88,29,6)
```
#5c1b02
```
#5c1b02 rgb(92,27,2)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#312d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b382c Protanopia 1% of men
#423629 Deuteranopia 1% of men
#4a3135 Tritanopia 0.001% of the population

Trichromacy

#3d3227 Protanomaly 1% of men, 0.01% of women
#413125 Deuteranomaly 6% of men, 0.4% of women
#462e2d Tritanomaly 0.01% of the population

#3f281f hex color

#3f281f Color Information

#3f281f Color Conversion

Color Schemes with #3f281f

Alternatives to #3f281f

#3f281f Preview

Shades and Tints of #3f281f

Tones of #3f281f

Color Blindness Simulator