#7d3a1f hex color

In a RGB color space, hex #7d3a1f is composed of 49% red, 22.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.6% magenta, 75.2% yellow and 51% black. It has a hue angle of 17.2 degrees, a saturation of 60.3% and a lightness of 30.6%. #7d3a1f color hex could be obtained by blending #fa743e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 23
- B 12
RGB color chart
- C 0
- M 54
- Y 75
- K 51
CMYK color chart

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

The hexadecimal color #7d3a1f has RGB values of R:125, G:58, B:31 and CMYK values of C:0, M:0.54, Y:0.75, K:0.51. Its decimal value is 8206879.

Hex triplet	7d3a1f	`#7d3a1f`
RGB Decimal	125, 58, 31	`rgb(125,58,31)`
RGB Percent	49, 22.7, 12.2	`rgb(49%,22.7%,12.2%)`
CMYK	0, 54, 75, 51
HSL	17.2°, 60.3, 30.6	`hsl(17.2,60.3%,30.6%)`
HSV (or HSB)	17.2°, 75.2, 49
Web Safe	663333	`#663333`

CIE-LAB	32.889, 27.02, 29.792
XYZ	10.218, 7.486, 2.203
xyY	0.513, 0.376, 7.486
CIE-LCH	32.889, 40.22, 47.793
CIE-LUV	32.889, 50.757, 22.86
Hunter-Lab	27.36, 18.783, 14.378
Binary	01111101, 00111010, 00011111

#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#1f627d
```
#1f627d rgb(31,98,125)
```

Complementary Color

#7d1f33
```
#7d1f33 rgb(125,31,51)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#7d691f
```
#7d691f rgb(125,105,31)
```

Analogous Color

#1f337d
```
#1f337d rgb(31,51,125)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#1f7d69
```
#1f7d69 rgb(31,125,105)
```

Split Complementary Color

#3a1f7d
```
#3a1f7d rgb(58,31,125)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#1f7d3a
```
#1f7d3a rgb(31,125,58)
```

Triadic Color

#7d1f62
```
#7d1f62 rgb(125,31,98)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#1f7d3a
```
#1f7d3a rgb(31,125,58)
```
#1f627d
```
#1f627d rgb(31,98,125)
```

Tetradic Color

#401e10
```
#401e10 rgb(64,30,16)
```
#542715
```
#542715 rgb(84,39,21)
```
#69311a
```
#69311a rgb(105,49,26)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#914324
```
#914324 rgb(145,67,36)
```
#a64d29
```
#a64d29 rgb(166,77,41)
```
#ba562e
```
#ba562e rgb(186,86,46)
```

Monochromatic Color

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

#7d231f
```
#7d231f rgb(125,35,31)
```
#7d2a1f
```
#7d2a1f rgb(125,42,31)
```
#7d321f
```
#7d321f rgb(125,50,31)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#7d421f
```
#7d421f rgb(125,66,31)
```
#7d4a1f
```
#7d4a1f rgb(125,74,31)
```
#7d521f
```
#7d521f rgb(125,82,31)
```

Similar Colors

Text with hexadecimal color #7d3a1f

This text has a font color of #7d3a1f.

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

#7d3a1f background color

This paragraph has a background color of #7d3a1f.

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

#7d3a1f border color

This element has a border color of #7d3a1f.

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

CSS codes

.text {color:#7d3a1f;}

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

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1f0e08
```
#1f0e08 rgb(31,14,8)
```
#2e160c
```
#2e160c rgb(46,22,12)
```
#3e1d0f
```
#3e1d0f rgb(62,29,15)
```
#4e2413
```
#4e2413 rgb(78,36,19)
```
#5e2b17
```
#5e2b17 rgb(94,43,23)
```
#6d331b
```
#6d331b rgb(109,51,27)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#8d4123
```
#8d4123 rgb(141,65,35)
```
#9c4927
```
#9c4927 rgb(156,73,39)
```
#ac502b
```
#ac502b rgb(172,80,43)
```
#bc572f
```
#bc572f rgb(188,87,47)
```
#cc5e32
```
#cc5e32 rgb(204,94,50)
```

Shade Color Variation

#d06b42
```
#d06b42 rgb(208,107,66)
```
#d47751
```
#d47751 rgb(212,119,81)
```
#d88361
```
#d88361 rgb(216,131,97)
```
#dc9071
```
#dc9071 rgb(220,144,113)
```
#e09c81
```
#e09c81 rgb(224,156,129)
```
#e4a890
```
#e4a890 rgb(228,168,144)
```
#e7b4a0
```
#e7b4a0 rgb(231,180,160)
```
#ebc1b0
```
#ebc1b0 rgb(235,193,176)
```
#efcdbf
```
#efcdbf rgb(239,205,191)
```
#f3d9cf
```
#f3d9cf rgb(243,217,207)
```
#f7e6df
```
#f7e6df rgb(247,230,223)
```
#fbf2ef
```
#fbf2ef rgb(251,242,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #534c49 is the less saturated color, while #9b2d01 is the most saturated one.

#534c49
```
#534c49 rgb(83,76,73)
```
#594943
```
#594943 rgb(89,73,67)
```
#5f473d
```
#5f473d rgb(95,71,61)
```
#654437
```
#654437 rgb(101,68,55)
```
#6b4231
```
#6b4231 rgb(107,66,49)
```
#713f2b
```
#713f2b rgb(113,63,43)
```
#773d25
```
#773d25 rgb(119,61,37)
```
#7d3a1f
```
#7d3a1f rgb(125,58,31)
```
#833719
```
#833719 rgb(131,55,25)
```
#893513
```
#893513 rgb(137,53,19)
```
#8f320d
```
#8f320d rgb(143,50,13)
```
#953007
```
#953007 rgb(149,48,7)
```
#9b2d01
```
#9b2d01 rgb(155,45,1)
```

Tone Color Variation

Below, you can see how #7d3a1f 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
#554842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5630 Protanopia 1% of men
#6a5226 Deuteranopia 1% of men
#854145 Tritanopia 0.001% of the population

Trichromacy

#694c29 Protanomaly 1% of men, 0.01% of women
#714923 Deuteranomaly 6% of men, 0.4% of women
#823e37 Tritanomaly 0.01% of the population

#7d3a1f hex color

#7d3a1f Color Information

#7d3a1f Color Conversion

Color Schemes with #7d3a1f

Alternatives to #7d3a1f

#7d3a1f Preview

Shades and Tints of #7d3a1f

Tones of #7d3a1f

Color Blindness Simulator