#7d580c hex color

In a RGB color space, hex #7d580c is composed of 49% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 90.4% yellow and 51% black. It has a hue angle of 40.4 degrees, a saturation of 82.5% and a lightness of 26.9%. #7d580c color hex could be obtained by blending #fab018 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 49
- G 35
- B 5
RGB color chart
- C 0
- M 30
- Y 90
- K 51
CMYK color chart

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

The hexadecimal color #7d580c has RGB values of R:125, G:88, B:12 and CMYK values of C:0, M:0.3, Y:0.9, K:0.51. Its decimal value is 8214540.

Hex triplet	7d580c	`#7d580c`
RGB Decimal	125, 88, 12	`rgb(125,88,12)`
RGB Percent	49, 34.5, 4.7	`rgb(49%,34.5%,4.7%)`
CMYK	0, 30, 90, 51
HSL	40.4°, 82.5, 26.9	`hsl(40.4,82.5%,26.9%)`
HSV (or HSB)	40.4°, 90.4, 49
Web Safe	666600	`#666600`

CIE-LAB	40.191, 8.725, 44.924
XYZ	12.014, 11.367, 1.909
xyY	0.475, 0.449, 11.367
CIE-LCH	40.191, 45.763, 79.009
CIE-LUV	40.191, 30.014, 39.247
Hunter-Lab	33.715, 4.606, 20.243
Binary	01111101, 01011000, 00001100

#7d580c
```
#7d580c rgb(125,88,12)
```
#0c317d
```
#0c317d rgb(12,49,125)
```

Complementary Color

#7d200c
```
#7d200c rgb(125,32,12)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#6a7d0c
```
#6a7d0c rgb(106,125,12)
```

Analogous Color

#200c7d
```
#200c7d rgb(32,12,125)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#0c6a7d
```
#0c6a7d rgb(12,106,125)
```

Split Complementary Color

#580c7d
```
#580c7d rgb(88,12,125)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#0c7d58
```
#0c7d58 rgb(12,125,88)
```

Triadic Color

#7d0c31
```
#7d0c31 rgb(125,12,49)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#0c7d58
```
#0c7d58 rgb(12,125,88)
```
#0c317d
```
#0c317d rgb(12,49,125)
```

Tetradic Color

#372705
```
#372705 rgb(55,39,5)
```
#4e3708
```
#4e3708 rgb(78,55,8)
```
#66480a
```
#66480a rgb(102,72,10)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#94680e
```
#94680e rgb(148,104,14)
```
#ac7910
```
#ac7910 rgb(172,121,16)
```
#c38913
```
#c38913 rgb(195,137,19)
```

Monochromatic Color

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

#7d3c0c
```
#7d3c0c rgb(125,60,12)
```
#7d450c
```
#7d450c rgb(125,69,12)
```
#7d4f0c
```
#7d4f0c rgb(125,79,12)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#7d610c
```
#7d610c rgb(125,97,12)
```
#7d6b0c
```
#7d6b0c rgb(125,107,12)
```
#7d740c
```
#7d740c rgb(125,116,12)
```

Similar Colors

Text with hexadecimal color #7d580c

This text has a font color of #7d580c.

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

#7d580c background color

This paragraph has a background color of #7d580c.

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

#7d580c border color

This element has a border color of #7d580c.

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

CSS codes

.text {color:#7d580c;}

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

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

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, #120c02 is the darkest color, while #ffffff is the lightest one.

#120c02
```
#120c02 rgb(18,12,2)
```
#241903
```
#241903 rgb(36,25,3)
```
#352605
```
#352605 rgb(53,38,5)
```
#473207
```
#473207 rgb(71,50,7)
```
#593f09
```
#593f09 rgb(89,63,9)
```
#6b4b0a
```
#6b4b0a rgb(107,75,10)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#8f650e
```
#8f650e rgb(143,101,14)
```
#a1710f
```
#a1710f rgb(161,113,15)
```
#b37e11
```
#b37e11 rgb(179,126,17)
```
#c58a13
```
#c58a13 rgb(197,138,19)
```
#d69715
```
#d69715 rgb(214,151,21)
```
#e8a416
```
#e8a416 rgb(232,164,22)
```

Shade Color Variation

#eaab28
```
#eaab28 rgb(234,171,40)
```
#ecb23a
```
#ecb23a rgb(236,178,58)
```
#eeb94c
```
#eeb94c rgb(238,185,76)
```
#f0c05e
```
#f0c05e rgb(240,192,94)
```
#f1c770
```
#f1c770 rgb(241,199,112)
```
#f3ce81
```
#f3ce81 rgb(243,206,129)
```
#f5d593
```
#f5d593 rgb(245,213,147)
```
#f6dca5
```
#f6dca5 rgb(246,220,165)
```
#f8e3b7
```
#f8e3b7 rgb(248,227,183)
```
#faeac9
```
#faeac9 rgb(250,234,201)
```
#fcf1db
```
#fcf1db rgb(252,241,219)
```
#fdf8ed
```
#fdf8ed rgb(253,248,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484641
```
#484641 rgb(72,70,65)
```
#4e483b
```
#4e483b rgb(78,72,59)
```
#534936
```
#534936 rgb(83,73,54)
```
#584b31
```
#584b31 rgb(88,75,49)
```
#5d4d2c
```
#5d4d2c rgb(93,77,44)
```
#634f26
```
#634f26 rgb(99,79,38)
```
#685121
```
#685121 rgb(104,81,33)
```
#6d531c
```
#6d531c rgb(109,83,28)
```
#725417
```
#725417 rgb(114,84,23)
```
#785611
```
#785611 rgb(120,86,17)
```
#7d580c
```
#7d580c rgb(125,88,12)
```
#825a07
```
#825a07 rgb(130,90,7)
```
#885c01
```
#885c01 rgb(136,92,1)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#615a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#73671a Protanopia 1% of men
#806217 Deuteranopia 1% of men
#885a60 Tritanopia 0.001% of the population

Trichromacy

#766115 Protanomaly 1% of men, 0.01% of women
#7f5e13 Deuteranomaly 6% of men, 0.4% of women
#845941 Tritanomaly 0.01% of the population

#7d580c hex color

#7d580c Color Information

#7d580c Color Conversion

Color Schemes with #7d580c

Alternatives to #7d580c

#7d580c Preview

Shades and Tints of #7d580c

Tones of #7d580c

Color Blindness Simulator