colorhexa.com

#7a5f1e hex color

In a RGB color space, hex #7a5f1e is composed of 47.8% red, 37.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 75.4% yellow and 52.2% black. It has a hue angle of 42.4 degrees, a saturation of 60.5% and a lightness of 29.8%. #7a5f1e color hex could be obtained by blending #f4be3c with #000000. Closest websafe color is: #666633.

- R 48
- G 37
- B 12
RGB color chart
- C 0
- M 22
- Y 75
- K 52
CMYK color chart

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

The hexadecimal color #7a5f1e has RGB values of R:122, G:95, B:30 and CMYK values of C:0, M:0.22, Y:0.75, K:0.52. Its decimal value is 8019742.

Hex triplet	7a5f1e	`#7a5f1e`
RGB Decimal	122, 95, 30	`rgb(122,95,30)`
RGB Percent	47.8, 37.3, 11.8	`rgb(47.8%,37.3%,11.8%)`
CMYK	0, 22, 75, 52
HSL	42.4°, 60.5, 29.8	`hsl(42.4,60.5%,29.8%)`
HSV (or HSB)	42.4°, 75.4, 47.8
Web Safe	666633	`#666633`

CIE-LAB	41.87, 3.826, 39.544
XYZ	12.353, 12.416, 2.974
xyY	0.445, 0.448, 12.416
CIE-LCH	41.87, 39.728, 84.473
CIE-LUV	41.87, 21.916, 38.184
Hunter-Lab	35.237, 0.911, 19.661
Binary	01111010, 01011111, 00011110

#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#1e397a
```
#1e397a rgb(30,57,122)
```

Complementary Color

#7a311e
```
#7a311e rgb(122,49,30)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#677a1e
```
#677a1e rgb(103,122,30)
```

Analogous Color

#311e7a
```
#311e7a rgb(49,30,122)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#1e677a
```
#1e677a rgb(30,103,122)
```

Split Complementary Color

#5f1e7a
```
#5f1e7a rgb(95,30,122)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#1e7a5f
```
#1e7a5f rgb(30,122,95)
```

Triadic Color

#3d2f0f
```
#3d2f0f rgb(61,47,15)
```
#513f14
```
#513f14 rgb(81,63,20)
```
#664f19
```
#664f19 rgb(102,79,25)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#8e6f23
```
#8e6f23 rgb(142,111,35)
```
#a37f28
```
#a37f28 rgb(163,127,40)
```
#b78f2d
```
#b78f2d rgb(183,143,45)
```

Monochromatic Color

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

#7a481e
```
#7a481e rgb(122,72,30)
```
#7a501e
```
#7a501e rgb(122,80,30)
```
#7a571e
```
#7a571e rgb(122,87,30)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#7a671e
```
#7a671e rgb(122,103,30)
```
#7a6e1e
```
#7a6e1e rgb(122,110,30)
```
#7a761e
```
#7a761e rgb(122,118,30)
```

Similar Colors

Text with hexadecimal color #7a5f1e

This text has a font color of #7a5f1e.

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

#7a5f1e background color

This paragraph has a background color of #7a5f1e.

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

#7a5f1e border color

This element has a border color of #7a5f1e.

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

CSS codes

.text {color:#7a5f1e;}

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

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

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

#0c0903
```
#0c0903 rgb(12,9,3)
```
#1c1507
```
#1c1507 rgb(28,21,7)
```
#2b220b
```
#2b220b rgb(43,34,11)
```
#3b2e0f
```
#3b2e0f rgb(59,46,15)
```
#4b3a12
```
#4b3a12 rgb(75,58,18)
```
#5b4616
```
#5b4616 rgb(91,70,22)
```
#6a531a
```
#6a531a rgb(106,83,26)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#8a6b22
```
#8a6b22 rgb(138,107,34)
```
#997826
```
#997826 rgb(153,120,38)
```
#a9842a
```
#a9842a rgb(169,132,42)
```
#b9902d
```
#b9902d rgb(185,144,45)
```
#c99c31
```
#c99c31 rgb(201,156,49)
```

Shade Color Variation

#d0a53e
```
#d0a53e rgb(208,165,62)
```
#d3ac4e
```
#d3ac4e rgb(211,172,78)
```
#d7b45e
```
#d7b45e rgb(215,180,94)
```
#dbbb6d
```
#dbbb6d rgb(219,187,109)
```
#dfc27d
```
#dfc27d rgb(223,194,125)
```
#e3ca8d
```
#e3ca8d rgb(227,202,141)
```
#e7d19d
```
#e7d19d rgb(231,209,157)
```
#ebd8ac
```
#ebd8ac rgb(235,216,172)
```
#efe0bc
```
#efe0bc rgb(239,224,188)
```
#f2e7cc
```
#f2e7cc rgb(242,231,204)
```
#f6eedc
```
#f6eedc rgb(246,238,220)
```
#faf6eb
```
#faf6eb rgb(250,246,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514e47 is the less saturated color, while #976b01 is the most saturated one.

#514e47
```
#514e47 rgb(81,78,71)
```
#575141
```
#575141 rgb(87,81,65)
```
#5d533b
```
#5d533b rgb(93,83,59)
```
#635535
```
#635535 rgb(99,85,53)
```
#685830
```
#685830 rgb(104,88,48)
```
#6e5a2a
```
#6e5a2a rgb(110,90,42)
```
#745d24
```
#745d24 rgb(116,93,36)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#806118
```
#806118 rgb(128,97,24)
```
#866412
```
#866412 rgb(134,100,18)
```
#8c660c
```
#8c660c rgb(140,102,12)
```
#916907
```
#916907 rgb(145,105,7)
```
#976b01
```
#976b01 rgb(151,107,1)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#656053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b2a Protanopia 1% of men
#84652a Deuteranopia 1% of men
#856167 Tritanopia 0.001% of the population

Trichromacy

#776626 Protanomaly 1% of men, 0.01% of women
#806325 Deuteranomaly 6% of men, 0.4% of women
#81604d Tritanomaly 0.01% of the population