colorhexa.com

#7f3c12 hex color

In a RGB color space, hex #7f3c12 is composed of 49.8% red, 23.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.8% magenta, 85.8% yellow and 50.2% black. It has a hue angle of 23.1 degrees, a saturation of 75.2% and a lightness of 28.4%. #7f3c12 color hex could be obtained by blending #fe7824 with #000000. Closest websafe color is: #663300.

- R 50
- G 24
- B 7
RGB color chart
- C 0
- M 53
- Y 86
- K 50
CMYK color chart

● #7f3c12 color description : Dark orange [Brown tone].

The hexadecimal color #7f3c12 has RGB values of R:127, G:60, B:18 and CMYK values of C:0, M:0.53, Y:0.86, K:0.5. Its decimal value is 8338450.

Hex triplet	7f3c12	`#7f3c12`
RGB Decimal	127, 60, 18	`rgb(127,60,18)`
RGB Percent	49.8, 23.5, 7.1	`rgb(49.8%,23.5%,7.1%)`
CMYK	0, 53, 86, 50
HSL	23.1°, 75.2, 28.4	`hsl(23.1,75.2%,28.4%)`
HSV (or HSB)	23.1°, 85.8, 49.8
Web Safe	663300	`#663300`

CIE-LAB	33.538, 26.217, 37.214
XYZ	10.478, 7.788, 1.524
xyY	0.529, 0.394, 7.788
CIE-LCH	33.538, 45.522, 54.836
CIE-LUV	33.538, 52.307, 27.552
Hunter-Lab	27.908, 18.179, 16.298
Binary	01111111, 00111100, 00010010

#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#12557f
```
#12557f rgb(18,85,127)
```

Complementary Color

#7f121f
```
#7f121f rgb(127,18,31)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#7f7312
```
#7f7312 rgb(127,115,18)
```

Analogous Color

#121e7f
```
#121e7f rgb(18,30,127)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#127f73
```
#127f73 rgb(18,127,115)
```

Split Complementary Color

#3c127f
```
#3c127f rgb(60,18,127)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#127f3c
```
#127f3c rgb(18,127,60)
```

Triadic Color

#3c1c09
```
#3c1c09 rgb(60,28,9)
```
#52270c
```
#52270c rgb(82,39,12)
```
#69310f
```
#69310f rgb(105,49,15)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#954715
```
#954715 rgb(149,71,21)
```
#ac5118
```
#ac5118 rgb(172,81,24)
```
#c25c1b
```
#c25c1b rgb(194,92,27)
```

Monochromatic Color

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

#7f2112
```
#7f2112 rgb(127,33,18)
```
#7f2a12
```
#7f2a12 rgb(127,42,18)
```
#7f3312
```
#7f3312 rgb(127,51,18)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#7f4512
```
#7f4512 rgb(127,69,18)
```
#7f4e12
```
#7f4e12 rgb(127,78,18)
```
#7f5712
```
#7f5712 rgb(127,87,18)
```

Similar Colors

Text with hexadecimal color #7f3c12

This text has a font color of #7f3c12.

<span style="color:#7f3c12;">Text here</span>

#7f3c12 background color

This paragraph has a background color of #7f3c12.

<p style="background-color:#7f3c12;">Content here</p>

#7f3c12 border color

This element has a border color of #7f3c12.

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

CSS codes

.text {color:#7f3c12;}

.background {background-color:#7f3c12;}

.border {border:1px solid #7f3c12;}

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

#070301
```
#070301 rgb(7,3,1)
```
#180b03
```
#180b03 rgb(24,11,3)
```
#291306
```
#291306 rgb(41,19,6)
```
#3a1c08
```
#3a1c08 rgb(58,28,8)
```
#4b240b
```
#4b240b rgb(75,36,11)
```
#5d2c0d
```
#5d2c0d rgb(93,44,13)
```
#6e3410
```
#6e3410 rgb(110,52,16)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#904414
```
#904414 rgb(144,68,20)
```
#a14c17
```
#a14c17 rgb(161,76,23)
```
#b35419
```
#b35419 rgb(179,84,25)
```
#c45c1c
```
#c45c1c rgb(196,92,28)
```
#d5651e
```
#d5651e rgb(213,101,30)
```

Shade Color Variation

#e06e26
```
#e06e26 rgb(224,110,38)
```
#e37a38
```
#e37a38 rgb(227,122,56)
```
#e58549
```
#e58549 rgb(229,133,73)
```
#e8915a
```
#e8915a rgb(232,145,90)
```
#ea9c6b
```
#ea9c6b rgb(234,156,107)
```
#eca87c
```
#eca87c rgb(236,168,124)
```
#efb38d
```
#efb38d rgb(239,179,141)
```
#f1bf9f
```
#f1bf9f rgb(241,191,159)
```
#f4cab0
```
#f4cab0 rgb(244,202,176)
```
#f6d6c1
```
#f6d6c1 rgb(246,214,193)
```
#f9e1d2
```
#f9e1d2 rgb(249,225,210)
```
#fbede3
```
#fbede3 rgb(251,237,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#4d4844
```
#4d4844 rgb(77,72,68)
```
#52463f
```
#52463f rgb(82,70,63)
```
#584539
```
#584539 rgb(88,69,57)
```
#5e4433
```
#5e4433 rgb(94,68,51)
```
#63422e
```
#63422e rgb(99,66,46)
```
#694128
```
#694128 rgb(105,65,40)
```
#6e4023
```
#6e4023 rgb(110,64,35)
```
#743f1d
```
#743f1d rgb(116,63,29)
```
#793d18
```
#793d18 rgb(121,61,24)
```
#7f3c12
```
#7f3c12 rgb(127,60,18)
```
#853b0c
```
#853b0c rgb(133,59,12)
```
#8a3907
```
#8a3907 rgb(138,57,7)
```
#903801
```
#903801 rgb(144,56,1)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#554840 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615823 Protanopia 1% of men
#6d5318 Deuteranopia 1% of men
#874246 Tritanopia 0.001% of the population

Trichromacy

#6c4d1c Protanomaly 1% of men, 0.01% of women
#734b16 Deuteranomaly 6% of men, 0.4% of women
#843f33 Tritanomaly 0.01% of the population