colorhexa.com

#5f3012 hex color

In a RGB color space, hex #5f3012 is composed of 37.3% red, 18.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 81.1% yellow and 62.7% black. It has a hue angle of 23.4 degrees, a saturation of 68.1% and a lightness of 22.2%. #5f3012 color hex could be obtained by blending #be6024 with #000000. Closest websafe color is: #663300.

- R 37
- G 19
- B 7
RGB color chart
- C 0
- M 49
- Y 81
- K 63
CMYK color chart

● #5f3012 color description : Very dark orange [Brown tone].

The hexadecimal color #5f3012 has RGB values of R:95, G:48, B:18 and CMYK values of C:0, M:0.49, Y:0.81, K:0.63. Its decimal value is 6238226.

Hex triplet	5f3012	`#5f3012`
RGB Decimal	95, 48, 18	`rgb(95,48,18)`
RGB Percent	37.3, 18.8, 7.1	`rgb(37.3%,18.8%,7.1%)`
CMYK	0, 49, 81, 63
HSL	23.4°, 68.1, 22.2	`hsl(23.4,68.1%,22.2%)`
HSV (or HSB)	23.4°, 81.1, 37.3
Web Safe	663300	`#663300`

CIE-LAB	25.536, 18.778, 27.753
XYZ	5.886, 4.591, 1.148
xyY	0.506, 0.395, 4.591
CIE-LCH	25.536, 33.509, 55.917
CIE-LUV	25.536, 34.27, 19.94
Hunter-Lab	21.427, 11.535, 11.821
Binary	01011111, 00110000, 00010010

#5f3012
```
#5f3012 rgb(95,48,18)
```
#12415f
```
#12415f rgb(18,65,95)
```

Complementary Color

#5f121a
```
#5f121a rgb(95,18,26)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#5f5712
```
#5f5712 rgb(95,87,18)
```

Analogous Color

#121b5f
```
#121b5f rgb(18,27,95)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#125f57
```
#125f57 rgb(18,95,87)
```

Split Complementary Color

#1f1006
```
#1f1006 rgb(31,16,6)
```
#341a0a
```
#341a0a rgb(52,26,10)
```
#4a250e
```
#4a250e rgb(74,37,14)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#743b16
```
#743b16 rgb(116,59,22)
```
#8a461a
```
#8a461a rgb(138,70,26)
```
#9f501e
```
#9f501e rgb(159,80,30)
```

Monochromatic Color

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

#5f1d12
```
#5f1d12 rgb(95,29,18)
```
#5f2312
```
#5f2312 rgb(95,35,18)
```
#5f2a12
```
#5f2a12 rgb(95,42,18)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#5f3612
```
#5f3612 rgb(95,54,18)
```
#5f3d12
```
#5f3d12 rgb(95,61,18)
```
#5f4312
```
#5f4312 rgb(95,67,18)
```

Similar Colors

Text with hexadecimal color #5f3012

This text has a font color of #5f3012.

<span style="color:#5f3012;">Text here</span>

#5f3012 background color

This paragraph has a background color of #5f3012.

<p style="background-color:#5f3012;">Content here</p>

#5f3012 border color

This element has a border color of #5f3012.

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

CSS codes

.text {color:#5f3012;}

.background {background-color:#5f3012;}

.border {border:1px solid #5f3012;}

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

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1d0f06
```
#1d0f06 rgb(29,15,6)
```
#2e1709
```
#2e1709 rgb(46,23,9)
```
#3e1f0c
```
#3e1f0c rgb(62,31,12)
```
#4f280f
```
#4f280f rgb(79,40,15)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#6f3815
```
#6f3815 rgb(111,56,21)
```
#804118
```
#804118 rgb(128,65,24)
```
#90491b
```
#90491b rgb(144,73,27)
```
#a1511e
```
#a1511e rgb(161,81,30)
```
#b15a22
```
#b15a22 rgb(177,90,34)
```
#c26225
```
#c26225 rgb(194,98,37)
```
#d26a28
```
#d26a28 rgb(210,106,40)
```

Shade Color Variation

#d97535
```
#d97535 rgb(217,117,53)
```
#dc8046
```
#dc8046 rgb(220,128,70)
```
#df8b56
```
#df8b56 rgb(223,139,86)
```
#e29767
```
#e29767 rgb(226,151,103)
```
#e5a277
```
#e5a277 rgb(229,162,119)
```
#e8ad88
```
#e8ad88 rgb(232,173,136)
```
#ecb998
```
#ecb998 rgb(236,185,152)
```
#efc4a9
```
#efc4a9 rgb(239,196,169)
```
#f2cfb9
```
#f2cfb9 rgb(242,207,185)
```
#f5daca
```
#f5daca rgb(245,218,202)
```
#f8e6da
```
#f8e6da rgb(248,230,218)
```
#fbf1eb
```
#fbf1eb rgb(251,241,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#3c3835
```
#3c3835 rgb(60,56,53)
```
#413730
```
#413730 rgb(65,55,48)
```
#45362c
```
#45362c rgb(69,54,44)
```
#493528
```
#493528 rgb(73,53,40)
```
#4e3423
```
#4e3423 rgb(78,52,35)
```
#52331f
```
#52331f rgb(82,51,31)
```
#56321b
```
#56321b rgb(86,50,27)
```
#5b3116
```
#5b3116 rgb(91,49,22)
```
#5f3012
```
#5f3012 rgb(95,48,18)
```
#632f0e
```
#632f0e rgb(99,47,14)
```
#682e09
```
#682e09 rgb(104,46,9)
```
#6c2d05
```
#6c2d05 rgb(108,45,5)
```
#702c01
```
#702c01 rgb(112,44,1)
```

Tone Color Variation

Below, you can see how #5f3012 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

#3b3b3b Achromatopsia 0.005% of the population
#423933 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4621 Protanopia 1% of men
#57431b Deuteranopia 1% of men
#68373b Tritanopia 0.001% of the population

Trichromacy

#543e1c Protanomaly 1% of men, 0.01% of women
#5a3c17 Deuteranomaly 6% of men, 0.4% of women
#65342c Tritanomaly 0.01% of the population