#7a580f hex color

In a RGB color space, hex #7a580f is composed of 47.8% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 87.7% yellow and 52.2% black. It has a hue angle of 40.9 degrees, a saturation of 78.1% and a lightness of 26.9%. #7a580f color hex could be obtained by blending #f4b01e with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 48
- G 35
- B 6
RGB color chart
- C 0
- M 28
- Y 88
- K 52
CMYK color chart

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

The hexadecimal color #7a580f has RGB values of R:122, G:88, B:15 and CMYK values of C:0, M:0.28, Y:0.88, K:0.52. Its decimal value is 8017935.

Hex triplet	7a580f	`#7a580f`
RGB Decimal	122, 88, 15	`rgb(122,88,15)`
RGB Percent	47.8, 34.5, 5.9	`rgb(47.8%,34.5%,5.9%)`
CMYK	0, 28, 88, 52
HSL	40.9°, 78.1, 26.9	`hsl(40.9,78.1%,26.9%)`
HSV (or HSB)	40.9°, 87.7, 47.8
Web Safe	666600	`#666600`

CIE-LAB	39.836, 7.359, 43.556
XYZ	11.602, 11.152, 1.993
xyY	0.469, 0.451, 11.152
CIE-LCH	39.836, 44.173, 80.41
CIE-LUV	39.836, 27.551, 38.631
Hunter-Lab	33.395, 3.574, 19.837
Binary	01111010, 01011000, 00001111

#7a580f
```
#7a580f rgb(122,88,15)
```
#0f317a
```
#0f317a rgb(15,49,122)
```

Complementary Color

#7a230f
```
#7a230f rgb(122,35,15)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#677a0f
```
#677a0f rgb(103,122,15)
```

Analogous Color

#230f7a
```
#230f7a rgb(35,15,122)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#0f677a
```
#0f677a rgb(15,103,122)
```

Split Complementary Color

#580f7a
```
#580f7a rgb(88,15,122)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#0f7a58
```
#0f7a58 rgb(15,122,88)
```

Triadic Color

#7a0f31
```
#7a0f31 rgb(122,15,49)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#0f7a58
```
#0f7a58 rgb(15,122,88)
```
#0f317a
```
#0f317a rgb(15,49,122)
```

Tetradic Color

#362707
```
#362707 rgb(54,39,7)
```
#4d3709
```
#4d3709 rgb(77,55,9)
```
#63480c
```
#63480c rgb(99,72,12)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#916812
```
#916812 rgb(145,104,18)
```
#a77915
```
#a77915 rgb(167,121,21)
```
#be8917
```
#be8917 rgb(190,137,23)
```

Monochromatic Color

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

#7a3d0f
```
#7a3d0f rgb(122,61,15)
```
#7a460f
```
#7a460f rgb(122,70,15)
```
#7a4f0f
```
#7a4f0f rgb(122,79,15)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#7a610f
```
#7a610f rgb(122,97,15)
```
#7a6a0f
```
#7a6a0f rgb(122,106,15)
```
#7a730f
```
#7a730f rgb(122,115,15)
```

Similar Colors

Text with hexadecimal color #7a580f

This text has a font color of #7a580f.

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

#7a580f background color

This paragraph has a background color of #7a580f.

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

#7a580f border color

This element has a border color of #7a580f.

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

CSS codes

.text {color:#7a580f;}

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

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

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

#110c02
```
#110c02 rgb(17,12,2)
```
#231904
```
#231904 rgb(35,25,4)
```
#342606
```
#342606 rgb(52,38,6)
```
#463209
```
#463209 rgb(70,50,9)
```
#573f0b
```
#573f0b rgb(87,63,11)
```
#694b0d
```
#694b0d rgb(105,75,13)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#8b6511
```
#8b6511 rgb(139,101,17)
```
#9d7113
```
#9d7113 rgb(157,113,19)
```
#ae7e15
```
#ae7e15 rgb(174,126,21)
```
#c08a18
```
#c08a18 rgb(192,138,24)
```
#d1971a
```
#d1971a rgb(209,151,26)
```
#e3a41c
```
#e3a41c rgb(227,164,28)
```

Shade Color Variation

#e5ab2d
```
#e5ab2d rgb(229,171,45)
```
#e7b23f
```
#e7b23f rgb(231,178,63)
```
#e9b950
```
#e9b950 rgb(233,185,80)
```
#ecc062
```
#ecc062 rgb(236,192,98)
```
#eec773
```
#eec773 rgb(238,199,115)
```
#f0ce84
```
#f0ce84 rgb(240,206,132)
```
#f2d596
```
#f2d596 rgb(242,213,150)
```
#f4dca7
```
#f4dca7 rgb(244,220,167)
```
#f6e3b9
```
#f6e3b9 rgb(246,227,185)
```
#f9eaca
```
#f9eaca rgb(249,234,202)
```
#fbf1dc
```
#fbf1dc rgb(251,241,220)
```
#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, #454544 is the less saturated color, while #855c04 is the most saturated one.

#454544
```
#454544 rgb(69,69,68)
```
#4b473e
```
#4b473e rgb(75,71,62)
```
#504939
```
#504939 rgb(80,73,57)
```
#554b34
```
#554b34 rgb(85,75,52)
```
#5a4c2f
```
#5a4c2f rgb(90,76,47)
```
#604e29
```
#604e29 rgb(96,78,41)
```
#655024
```
#655024 rgb(101,80,36)
```
#6a521f
```
#6a521f rgb(106,82,31)
```
#6f541a
```
#6f541a rgb(111,84,26)
```
#755614
```
#755614 rgb(117,86,20)
```
#7a580f
```
#7a580f rgb(122,88,15)
```
#7f5a0a
```
#7f5a0a rgb(127,90,10)
```
#855c04
```
#855c04 rgb(133,92,4)
```

Tone Color Variation

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

Dichromacy

#72661d Protanopia 1% of men
#7f611b Deuteranopia 1% of men
#855a60 Tritanopia 0.001% of the population

Trichromacy

#756117 Protanomaly 1% of men, 0.01% of women
#7d5d16 Deuteranomaly 6% of men, 0.4% of women
#815943 Tritanomaly 0.01% of the population

#7a580f hex color

#7a580f Color Information

#7a580f Color Conversion

Color Schemes with #7a580f

Alternatives to #7a580f

#7a580f Preview

Shades and Tints of #7a580f

Tones of #7a580f

Color Blindness Simulator