#7d501f hex color

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

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

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

The hexadecimal color #7d501f has RGB values of R:125, G:80, B:31 and CMYK values of C:0, M:0.36, Y:0.75, K:0.51. Its decimal value is 8212511.

Hex triplet	7d501f	`#7d501f`
RGB Decimal	125, 80, 31	`rgb(125,80,31)`
RGB Percent	49, 31.4, 12.2	`rgb(49%,31.4%,12.2%)`
CMYK	0, 36, 75, 51
HSL	31.3°, 60.3, 30.6	`hsl(31.3,60.3%,30.6%)`
HSV (or HSB)	31.3°, 75.2, 49
Web Safe	666633	`#666633`

CIE-LAB	38.194, 14.233, 35.442
XYZ	11.574, 10.197, 2.655
xyY	0.474, 0.417, 10.197
CIE-LCH	38.194, 38.193, 68.12
CIE-LUV	38.194, 35.027, 31.629
Hunter-Lab	31.933, 8.813, 17.423
Binary	01111101, 01010000, 00011111

#7d501f
```
#7d501f rgb(125,80,31)
```
#1f4c7d
```
#1f4c7d rgb(31,76,125)
```

Complementary Color

#7d211f
```
#7d211f rgb(125,33,31)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#7b7d1f
```
#7b7d1f rgb(123,125,31)
```

Analogous Color

#211f7d
```
#211f7d rgb(33,31,125)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#1f7b7d
```
#1f7b7d rgb(31,123,125)
```

Split Complementary Color

#501f7d
```
#501f7d rgb(80,31,125)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#1f7d50
```
#1f7d50 rgb(31,125,80)
```

Triadic Color

#7d1f4c
```
#7d1f4c rgb(125,31,76)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#1f7d50
```
#1f7d50 rgb(31,125,80)
```
#1f4c7d
```
#1f4c7d rgb(31,76,125)
```

Tetradic Color

#402910
```
#402910 rgb(64,41,16)
```
#543615
```
#543615 rgb(84,54,21)
```
#69431a
```
#69431a rgb(105,67,26)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#915d24
```
#915d24 rgb(145,93,36)
```
#a66a29
```
#a66a29 rgb(166,106,41)
```
#ba772e
```
#ba772e rgb(186,119,46)
```

Monochromatic Color

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

#7d391f
```
#7d391f rgb(125,57,31)
```
#7d401f
```
#7d401f rgb(125,64,31)
```
#7d481f
```
#7d481f rgb(125,72,31)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#7d581f
```
#7d581f rgb(125,88,31)
```
#7d601f
```
#7d601f rgb(125,96,31)
```
#7d681f
```
#7d681f rgb(125,104,31)
```

Similar Colors

Text with hexadecimal color #7d501f

This text has a font color of #7d501f.

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

#7d501f background color

This paragraph has a background color of #7d501f.

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

#7d501f border color

This element has a border color of #7d501f.

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

CSS codes

.text {color:#7d501f;}

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

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

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

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1f1408
```
#1f1408 rgb(31,20,8)
```
#2e1e0c
```
#2e1e0c rgb(46,30,12)
```
#3e280f
```
#3e280f rgb(62,40,15)
```
#4e3213
```
#4e3213 rgb(78,50,19)
```
#5e3c17
```
#5e3c17 rgb(94,60,23)
```
#6d461b
```
#6d461b rgb(109,70,27)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#8d5a23
```
#8d5a23 rgb(141,90,35)
```
#9c6427
```
#9c6427 rgb(156,100,39)
```
#ac6e2b
```
#ac6e2b rgb(172,110,43)
```
#bc782f
```
#bc782f rgb(188,120,47)
```
#cc8232
```
#cc8232 rgb(204,130,50)
```

Shade Color Variation

#d08c42
```
#d08c42 rgb(208,140,66)
```
#d49551
```
#d49551 rgb(212,149,81)
```
#d89f61
```
#d89f61 rgb(216,159,97)
```
#dca971
```
#dca971 rgb(220,169,113)
```
#e0b281
```
#e0b281 rgb(224,178,129)
```
#e4bc90
```
#e4bc90 rgb(228,188,144)
```
#e7c5a0
```
#e7c5a0 rgb(231,197,160)
```
#ebcfb0
```
#ebcfb0 rgb(235,207,176)
```
#efd8bf
```
#efd8bf rgb(239,216,191)
```
#f3e2cf
```
#f3e2cf rgb(243,226,207)
```
#f7ebdf
```
#f7ebdf rgb(247,235,223)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#534e49
```
#534e49 rgb(83,78,73)
```
#594e43
```
#594e43 rgb(89,78,67)
```
#5f4f3d
```
#5f4f3d rgb(95,79,61)
```
#654f37
```
#654f37 rgb(101,79,55)
```
#6b4f31
```
#6b4f31 rgb(107,79,49)
```
#714f2b
```
#714f2b rgb(113,79,43)
```
#775025
```
#775025 rgb(119,80,37)
```
#7d501f
```
#7d501f rgb(125,80,31)
```
#835019
```
#835019 rgb(131,80,25)
```
#895113
```
#895113 rgb(137,81,19)
```
#8f510d
```
#8f510d rgb(143,81,13)
```
#955107
```
#955107 rgb(149,81,7)
```
#9b5101
```
#9b5101 rgb(155,81,1)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5f564d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d622d Protanopia 1% of men
#795d28 Deuteranopia 1% of men
#865459 Tritanopia 0.001% of the population

Trichromacy

#725b28 Protanomaly 1% of men, 0.01% of women
#7a5825 Deuteranomaly 6% of men, 0.4% of women
#835244 Tritanomaly 0.01% of the population

#7d501f hex color

#7d501f Color Information

#7d501f Color Conversion

Color Schemes with #7d501f

Alternatives to #7d501f

#7d501f Preview

Shades and Tints of #7d501f

Tones of #7d501f

Color Blindness Simulator