colorhexa.com

#7d581a hex color

In a RGB color space, hex #7d581a is composed of 49% red, 34.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 79.2% yellow and 51% black. It has a hue angle of 37.6 degrees, a saturation of 65.6% and a lightness of 29.6%. #7d581a color hex could be obtained by blending #fab034 with #000000. Closest websafe color is: #666633.

- R 49
- G 35
- B 10
RGB color chart
- C 0
- M 30
- Y 79
- K 51
CMYK color chart

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

The hexadecimal color #7d581a has RGB values of R:125, G:88, B:26 and CMYK values of C:0, M:0.3, Y:0.79, K:0.51. Its decimal value is 8214554.

Hex triplet	7d581a	`#7d581a`
RGB Decimal	125, 88, 26	`rgb(125,88,26)`
RGB Percent	49, 34.5, 10.2	`rgb(49%,34.5%,10.2%)`
CMYK	0, 30, 79, 51
HSL	37.6°, 65.6, 29.6	`hsl(37.6,65.6%,29.6%)`
HSV (or HSB)	37.6°, 79.2, 49
Web Safe	666633	`#666633`

CIE-LAB	40.27, 9.217, 39.861
XYZ	12.134, 11.415, 2.541
xyY	0.465, 0.438, 11.415
CIE-LCH	40.27, 40.913, 76.98
CIE-LUV	40.27, 29.474, 36.431
Hunter-Lab	33.786, 4.982, 19.19
Binary	01111101, 01011000, 00011010

#7d581a
```
#7d581a rgb(125,88,26)
```
#1a3f7d
```
#1a3f7d rgb(26,63,125)
```

Complementary Color

#7d271a
```
#7d271a rgb(125,39,26)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#717d1a
```
#717d1a rgb(113,125,26)
```

Analogous Color

#271a7d
```
#271a7d rgb(39,26,125)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#1a717d
```
#1a717d rgb(26,113,125)
```

Split Complementary Color

#581a7d
```
#581a7d rgb(88,26,125)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#1a7d58
```
#1a7d58 rgb(26,125,88)
```

Triadic Color

#3e2b0d
```
#3e2b0d rgb(62,43,13)
```
#533a11
```
#533a11 rgb(83,58,17)
```
#684916
```
#684916 rgb(104,73,22)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#92671e
```
#92671e rgb(146,103,30)
```
#a77623
```
#a77623 rgb(167,118,35)
```
#bc8527
```
#bc8527 rgb(188,133,39)
```

Monochromatic Color

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

#7d3f1a
```
#7d3f1a rgb(125,63,26)
```
#7d481a
```
#7d481a rgb(125,72,26)
```
#7d501a
```
#7d501a rgb(125,80,26)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#7d601a
```
#7d601a rgb(125,96,26)
```
#7d691a
```
#7d691a rgb(125,105,26)
```
#7d711a
```
#7d711a rgb(125,113,26)
```

Similar Colors

Text with hexadecimal color #7d581a

This text has a font color of #7d581a.

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

#7d581a background color

This paragraph has a background color of #7d581a.

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

#7d581a border color

This element has a border color of #7d581a.

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

CSS codes

.text {color:#7d581a;}

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

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

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

#0b0802
```
#0b0802 rgb(11,8,2)
```
#1c1306
```
#1c1306 rgb(28,19,6)
```
#2c1f09
```
#2c1f09 rgb(44,31,9)
```
#3c2a0c
```
#3c2a0c rgb(60,42,12)
```
#4c3610
```
#4c3610 rgb(76,54,16)
```
#5d4113
```
#5d4113 rgb(93,65,19)
```
#6d4d17
```
#6d4d17 rgb(109,77,23)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#8d631d
```
#8d631d rgb(141,99,29)
```
#9d6f21
```
#9d6f21 rgb(157,111,33)
```
#ae7a24
```
#ae7a24 rgb(174,122,36)
```
#be8628
```
#be8628 rgb(190,134,40)
```
#ce912b
```
#ce912b rgb(206,145,43)
```

Shade Color Variation

#d59a37
```
#d59a37 rgb(213,154,55)
```
#d9a347
```
#d9a347 rgb(217,163,71)
```
#dcab58
```
#dcab58 rgb(220,171,88)
```
#e0b368
```
#e0b368 rgb(224,179,104)
```
#e3bb78
```
#e3bb78 rgb(227,187,120)
```
#e6c388
```
#e6c388 rgb(230,195,136)
```
#eacb99
```
#eacb99 rgb(234,203,153)
```
#edd4a9
```
#edd4a9 rgb(237,212,169)
```
#f0dcb9
```
#f0dcb9 rgb(240,220,185)
```
#f4e4c9
```
#f4e4c9 rgb(244,228,201)
```
#f7ecda
```
#f7ecda rgb(247,236,218)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4c48 is the less saturated color, while #945e03 is the most saturated one.

#4f4c48
```
#4f4c48 rgb(79,76,72)
```
#544e43
```
#544e43 rgb(84,78,67)
```
#5a4f3d
```
#5a4f3d rgb(90,79,61)
```
#605137
```
#605137 rgb(96,81,55)
```
#665231
```
#665231 rgb(102,82,49)
```
#6c542b
```
#6c542b rgb(108,84,43)
```
#715526
```
#715526 rgb(113,85,38)
```
#775720
```
#775720 rgb(119,87,32)
```
#7d581a
```
#7d581a rgb(125,88,26)
```
#835914
```
#835914 rgb(131,89,20)
```
#895b0e
```
#895b0e rgb(137,91,14)
```
#8e5c09
```
#8e5c09 rgb(142,92,9)
```
#945e03
```
#945e03 rgb(148,94,3)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#635b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#726727 Protanopia 1% of men
#7f6225 Deuteranopia 1% of men
#875a61 Tritanopia 0.001% of the population

Trichromacy

#766122 Protanomaly 1% of men, 0.01% of women
#7e5e21 Deuteranomaly 6% of men, 0.4% of women
#835947 Tritanomaly 0.01% of the population