colorhexa.com

#7b3f1f hex color

In a RGB color space, hex #7b3f1f is composed of 48.2% red, 24.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 74.8% yellow and 51.8% black. It has a hue angle of 20.9 degrees, a saturation of 59.7% and a lightness of 30.2%. #7b3f1f color hex could be obtained by blending #f67e3e with #000000. Closest websafe color is: #663333.

- R 48
- G 25
- B 12
RGB color chart
- C 0
- M 49
- Y 75
- K 52
CMYK color chart

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

The hexadecimal color #7b3f1f has RGB values of R:123, G:63, B:31 and CMYK values of C:0, M:0.49, Y:0.75, K:0.52. Its decimal value is 8077087.

Hex triplet	7b3f1f	`#7b3f1f`
RGB Decimal	123, 63, 31	`rgb(123,63,31)`
RGB Percent	48.2, 24.7, 12.2	`rgb(48.2%,24.7%,12.2%)`
CMYK	0, 49, 75, 52
HSL	20.9°, 59.7, 30.2	`hsl(20.9,59.7%,30.2%)`
HSV (or HSB)	20.9°, 74.8, 48.2
Web Safe	663333	`#663333`

CIE-LAB	33.702, 23.324, 30.586
XYZ	10.194, 7.866, 2.278
xyY	0.501, 0.387, 7.866
CIE-LCH	33.702, 38.464, 52.672
CIE-LUV	33.702, 45.635, 24.534
Hunter-Lab	28.046, 15.797, 14.817
Binary	01111011, 00111111, 00011111

#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#1f5b7b
```
#1f5b7b rgb(31,91,123)
```

Complementary Color

#7b1f2d
```
#7b1f2d rgb(123,31,45)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#7b6d1f
```
#7b6d1f rgb(123,109,31)
```

Analogous Color

#1f2d7b
```
#1f2d7b rgb(31,45,123)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#1f7b6d
```
#1f7b6d rgb(31,123,109)
```

Split Complementary Color

#3f1f7b
```
#3f1f7b rgb(63,31,123)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#1f7b3f
```
#1f7b3f rgb(31,123,63)
```

Triadic Color

#3e2010
```
#3e2010 rgb(62,32,16)
```
#522a15
```
#522a15 rgb(82,42,21)
```
#67351a
```
#67351a rgb(103,53,26)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#8f4924
```
#8f4924 rgb(143,73,36)
```
#a45429
```
#a45429 rgb(164,84,41)
```
#b85e2e
```
#b85e2e rgb(184,94,46)
```

Monochromatic Color

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

#7b281f
```
#7b281f rgb(123,40,31)
```
#7b301f
```
#7b301f rgb(123,48,31)
```
#7b371f
```
#7b371f rgb(123,55,31)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#7b471f
```
#7b471f rgb(123,71,31)
```
#7b4e1f
```
#7b4e1f rgb(123,78,31)
```
#7b561f
```
#7b561f rgb(123,86,31)
```

Similar Colors

Text with hexadecimal color #7b3f1f

This text has a font color of #7b3f1f.

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

#7b3f1f background color

This paragraph has a background color of #7b3f1f.

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

#7b3f1f border color

This element has a border color of #7b3f1f.

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

CSS codes

.text {color:#7b3f1f;}

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

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

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

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d0f07
```
#1d0f07 rgb(29,15,7)
```
#2d170b
```
#2d170b rgb(45,23,11)
```
#3c1f0f
```
#3c1f0f rgb(60,31,15)
```
#4c2713
```
#4c2713 rgb(76,39,19)
```
#5c2f17
```
#5c2f17 rgb(92,47,23)
```
#6b371b
```
#6b371b rgb(107,55,27)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#8b4723
```
#8b4723 rgb(139,71,35)
```
#9a4f27
```
#9a4f27 rgb(154,79,39)
```
#aa572b
```
#aa572b rgb(170,87,43)
```
#ba5f2f
```
#ba5f2f rgb(186,95,47)
```
#c96733
```
#c96733 rgb(201,103,51)
```

Shade Color Variation

#cf7241
```
#cf7241 rgb(207,114,65)
```
#d37e50
```
#d37e50 rgb(211,126,80)
```
#d78960
```
#d78960 rgb(215,137,96)
```
#db9570
```
#db9570 rgb(219,149,112)
```
#dfa17f
```
#dfa17f rgb(223,161,127)
```
#e3ac8f
```
#e3ac8f rgb(227,172,143)
```
#e7b89f
```
#e7b89f rgb(231,184,159)
```
#ebc3ae
```
#ebc3ae rgb(235,195,174)
```
#efcfbe
```
#efcfbe rgb(239,207,190)
```
#f3dbce
```
#f3dbce rgb(243,219,206)
```
#f7e6dd
```
#f7e6dd rgb(247,230,221)
```
#faf2ed
```
#faf2ed rgb(250,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#524c48
```
#524c48 rgb(82,76,72)
```
#574a43
```
#574a43 rgb(87,74,67)
```
#5d483d
```
#5d483d rgb(93,72,61)
```
#634637
```
#634637 rgb(99,70,55)
```
#694431
```
#694431 rgb(105,68,49)
```
#6f432b
```
#6f432b rgb(111,67,43)
```
#754125
```
#754125 rgb(117,65,37)
```
#7b3f1f
```
#7b3f1f rgb(123,63,31)
```
#813d19
```
#813d19 rgb(129,61,25)
```
#873b13
```
#873b13 rgb(135,59,19)
```
#8d3a0d
```
#8d3a0d rgb(141,58,13)
```
#933807
```
#933807 rgb(147,56,7)
```
#993601
```
#993601 rgb(153,54,1)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#564a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61582f Protanopia 1% of men
#6c5427 Deuteranopia 1% of men
#834549 Tritanopia 0.001% of the population

Trichromacy

#6a4f29 Protanomaly 1% of men, 0.01% of women
#714c24 Deuteranomaly 6% of men, 0.4% of women
#80433a Tritanomaly 0.01% of the population