#80581f hex color

In a RGB color space, hex #80581f is composed of 50.2% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 75.8% yellow and 49.8% black. It has a hue angle of 35.3 degrees, a saturation of 61% and a lightness of 31.2%. #80581f color hex could be obtained by blending #ffb03e with #010000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 50
- G 35
- B 12
RGB color chart
- C 0
- M 31
- Y 76
- K 50
CMYK color chart

● #80581f color description : Dark orange [Brown tone].

The hexadecimal color #80581f has RGB values of R:128, G:88, B:31 and CMYK values of C:0, M:0.31, Y:0.76, K:0.5. Its decimal value is 8411167.

Hex triplet	80581f	`#80581f`
RGB Decimal	128, 88, 31	`rgb(128,88,31)`
RGB Percent	50.2, 34.5, 12.2	`rgb(50.2%,34.5%,12.2%)`
CMYK	0, 31, 76, 50
HSL	35.3°, 61, 31.2	`hsl(35.3,61%,31.2%)`
HSV (or HSB)	35.3°, 75.8, 50.2
Web Safe	996633	`#996633`

CIE-LAB	40.684, 10.883, 38.122
XYZ	12.639, 11.668, 2.883
xyY	0.465, 0.429, 11.668
CIE-LCH	40.684, 39.645, 74.067
CIE-LUV	40.684, 31.573, 35.225
Hunter-Lab	34.159, 6.27, 18.908
Binary	10000000, 01011000, 00011111

#80581f
```
#80581f rgb(128,88,31)
```
#1f4780
```
#1f4780 rgb(31,71,128)
```

Complementary Color

#80281f
```
#80281f rgb(128,40,31)
```
#80581f
```
#80581f rgb(128,88,31)
```
#78801f
```
#78801f rgb(120,128,31)
```

Analogous Color

#281f80
```
#281f80 rgb(40,31,128)
```
#80581f
```
#80581f rgb(128,88,31)
```
#1f7880
```
#1f7880 rgb(31,120,128)
```

Split Complementary Color

#581f80
```
#581f80 rgb(88,31,128)
```
#80581f
```
#80581f rgb(128,88,31)
```
#1f8058
```
#1f8058 rgb(31,128,88)
```

Triadic Color

#801f47
```
#801f47 rgb(128,31,71)
```
#80581f
```
#80581f rgb(128,88,31)
```
#1f8058
```
#1f8058 rgb(31,128,88)
```
#1f4780
```
#1f4780 rgb(31,71,128)
```

Tetradic Color

#422e10
```
#422e10 rgb(66,46,16)
```
#573c15
```
#573c15 rgb(87,60,21)
```
#6b4a1a
```
#6b4a1a rgb(107,74,26)
```
#80581f
```
#80581f rgb(128,88,31)
```
#956624
```
#956624 rgb(149,102,36)
```
#a97429
```
#a97429 rgb(169,116,41)
```
#be822e
```
#be822e rgb(190,130,46)
```

Monochromatic Color

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

#80401f
```
#80401f rgb(128,64,31)
```
#80481f
```
#80481f rgb(128,72,31)
```
#80501f
```
#80501f rgb(128,80,31)
```
#80581f
```
#80581f rgb(128,88,31)
```
#80601f
```
#80601f rgb(128,96,31)
```
#80681f
```
#80681f rgb(128,104,31)
```
#80701f
```
#80701f rgb(128,112,31)
```

Similar Colors

Text with hexadecimal color #80581f

This text has a font color of #80581f.

<span style="color:#80581f;">Text here</span>

#80581f background color

This paragraph has a background color of #80581f.

<p style="background-color:#80581f;">Content here</p>

#80581f border color

This element has a border color of #80581f.

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

CSS codes

.text {color:#80581f;}

.background {background-color:#80581f;}

.border {border:1px solid #80581f;}

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, #020100 is the darkest color, while #fcf7f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#211708
```
#211708 rgb(33,23,8)
```
#31220c
```
#31220c rgb(49,34,12)
```
#412d10
```
#412d10 rgb(65,45,16)
```
#513714
```
#513714 rgb(81,55,20)
```
#604217
```
#604217 rgb(96,66,23)
```
#704d1b
```
#704d1b rgb(112,77,27)
```
#80581f
```
#80581f rgb(128,88,31)
```
#906323
```
#906323 rgb(144,99,35)
```
#a06e27
```
#a06e27 rgb(160,110,39)
```
#af792a
```
#af792a rgb(175,121,42)
```
#bf832e
```
#bf832e rgb(191,131,46)
```

Shade Color Variation

#ce8e33
```
#ce8e33 rgb(206,142,51)
```
#d29743
```
#d29743 rgb(210,151,67)
```
#d5a053
```
#d5a053 rgb(213,160,83)
```
#d9a863
```
#d9a863 rgb(217,168,99)
```
#ddb173
```
#ddb173 rgb(221,177,115)
```
#e1ba82
```
#e1ba82 rgb(225,186,130)
```
#e5c392
```
#e5c392 rgb(229,195,146)
```
#e8cba2
```
#e8cba2 rgb(232,203,162)
```
#ecd4b2
```
#ecd4b2 rgb(236,212,178)
```
#f0ddc2
```
#f0ddc2 rgb(240,221,194)
```
#f4e6d1
```
#f4e6d1 rgb(244,230,209)
```
#f8eee1
```
#f8eee1 rgb(248,238,225)
```
#fcf7f1
```
#fcf7f1 rgb(252,247,241)
```

Tint Color Variation

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

#55504a
```
#55504a rgb(85,80,74)
```
#5b5244
```
#5b5244 rgb(91,82,68)
```
#61533e
```
#61533e rgb(97,83,62)
```
#685437
```
#685437 rgb(104,84,55)
```
#6e5531
```
#6e5531 rgb(110,85,49)
```
#74562b
```
#74562b rgb(116,86,43)
```
#7a5725
```
#7a5725 rgb(122,87,37)
```
#80581f
```
#80581f rgb(128,88,31)
```
#865919
```
#865919 rgb(134,89,25)
```
#8c5a13
```
#8c5a13 rgb(140,90,19)
```
#925b0d
```
#925b0d rgb(146,91,13)
```
#985c07
```
#985c07 rgb(152,92,7)
```
#9f5d00
```
#9f5d00 rgb(159,93,0)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#645c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73682c Protanopia 1% of men
#806329 Deuteranopia 1% of men
#8a5b61 Tritanopia 0.001% of the population

Trichromacy

#786227 Protanomaly 1% of men, 0.01% of women
#805f25 Deuteranomaly 6% of men, 0.4% of women
#865949 Tritanomaly 0.01% of the population

#80581f hex color

#80581f Color Information

#80581f Color Conversion

Color Schemes with #80581f

Alternatives to #80581f

#80581f Preview

Shades and Tints of #80581f

Tones of #80581f

Color Blindness Simulator