#7d5523 hex color

In a RGB color space, hex #7d5523 is composed of 49% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 72% yellow and 51% black. It has a hue angle of 33.3 degrees, a saturation of 56.3% and a lightness of 31.4%. #7d5523 color hex could be obtained by blending #faaa46 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 33
- B 14
RGB color chart
- C 0
- M 32
- Y 72
- K 51
CMYK color chart

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

The hexadecimal color #7d5523 has RGB values of R:125, G:85, B:35 and CMYK values of C:0, M:0.32, Y:0.72, K:0.51. Its decimal value is 8213795.

Hex triplet	7d5523	`#7d5523`
RGB Decimal	125, 85, 35	`rgb(125,85,35)`
RGB Percent	49, 33.3, 13.7	`rgb(49%,33.3%,13.7%)`
CMYK	0, 32, 72, 51
HSL	33.3°, 56.3, 31.4	`hsl(33.3,56.3%,31.4%)`
HSV (or HSB)	33.3°, 72, 49
Web Safe	666633	`#666633`

CIE-LAB	39.545, 11.48, 34.851
XYZ	12.01, 10.979, 3.077
xyY	0.461, 0.421, 10.979
CIE-LCH	39.545, 36.693, 71.767
CIE-LUV	39.545, 31.12, 32.45
Hunter-Lab	33.135, 6.711, 17.689
Binary	01111101, 01010101, 00100011

#7d5523
```
#7d5523 rgb(125,85,35)
```
#234b7d
```
#234b7d rgb(35,75,125)
```

Complementary Color

#7d2823
```
#7d2823 rgb(125,40,35)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#787d23
```
#787d23 rgb(120,125,35)
```

Analogous Color

#28237d
```
#28237d rgb(40,35,125)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#23787d
```
#23787d rgb(35,120,125)
```

Split Complementary Color

#55237d
```
#55237d rgb(85,35,125)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#237d55
```
#237d55 rgb(35,125,85)
```

Triadic Color

#7d234b
```
#7d234b rgb(125,35,75)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#237d55
```
#237d55 rgb(35,125,85)
```
#234b7d
```
#234b7d rgb(35,75,125)
```

Tetradic Color

#412c12
```
#412c12 rgb(65,44,18)
```
#553a18
```
#553a18 rgb(85,58,24)
```
#69471d
```
#69471d rgb(105,71,29)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#916329
```
#916329 rgb(145,99,41)
```
#a5702e
```
#a5702e rgb(165,112,46)
```
#b97e34
```
#b97e34 rgb(185,126,52)
```

Monochromatic Color

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

#7d3f23
```
#7d3f23 rgb(125,63,35)
```
#7d4623
```
#7d4623 rgb(125,70,35)
```
#7d4e23
```
#7d4e23 rgb(125,78,35)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#7d5d23
```
#7d5d23 rgb(125,93,35)
```
#7d6423
```
#7d6423 rgb(125,100,35)
```
#7d6c23
```
#7d6c23 rgb(125,108,35)
```

Similar Colors

Text with hexadecimal color #7d5523

This text has a font color of #7d5523.

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

#7d5523 background color

This paragraph has a background color of #7d5523.

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

#7d5523 border color

This element has a border color of #7d5523.

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

CSS codes

.text {color:#7d5523;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120c05
```
#120c05 rgb(18,12,5)
```
#211609
```
#211609 rgb(33,22,9)
```
#30210e
```
#30210e rgb(48,33,14)
```
#402b12
```
#402b12 rgb(64,43,18)
```
#4f3616
```
#4f3616 rgb(79,54,22)
```
#5e401a
```
#5e401a rgb(94,64,26)
```
#6e4b1f
```
#6e4b1f rgb(110,75,31)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#8c5f27
```
#8c5f27 rgb(140,95,39)
```
#9c6a2c
```
#9c6a2c rgb(156,106,44)
```
#ab7430
```
#ab7430 rgb(171,116,48)
```
#ba7f34
```
#ba7f34 rgb(186,127,52)
```

Shade Color Variation

#c8893a
```
#c8893a rgb(200,137,58)
```
#cc924a
```
#cc924a rgb(204,146,74)
```
#d09b59
```
#d09b59 rgb(208,155,89)
```
#d5a468
```
#d5a468 rgb(213,164,104)
```
#d9ae77
```
#d9ae77 rgb(217,174,119)
```
#ddb787
```
#ddb787 rgb(221,183,135)
```
#e2c096
```
#e2c096 rgb(226,192,150)
```
#e6c9a5
```
#e6c9a5 rgb(230,201,165)
```
#ead2b5
```
#ead2b5 rgb(234,210,181)
```
#efdcc4
```
#efdcc4 rgb(239,220,196)
```
#f3e5d3
```
#f3e5d3 rgb(243,229,211)
```
#f7eee3
```
#f7eee3 rgb(247,238,227)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#52504e
```
#52504e rgb(82,80,78)
```
#585148
```
#585148 rgb(88,81,72)
```
#5e5242
```
#5e5242 rgb(94,82,66)
```
#64523c
```
#64523c rgb(100,82,60)
```
#6b5335
```
#6b5335 rgb(107,83,53)
```
#71542f
```
#71542f rgb(113,84,47)
```
#775429
```
#775429 rgb(119,84,41)
```
#7d5523
```
#7d5523 rgb(125,85,35)
```
#83561d
```
#83561d rgb(131,86,29)
```
#895617
```
#895617 rgb(137,86,23)
```
#8f5711
```
#8f5711 rgb(143,87,17)
```
#96580a
```
#96580a rgb(150,88,10)
```
#9c5804
```
#9c5804 rgb(156,88,4)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#625a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706530 Protanopia 1% of men
#7d602d Deuteranopia 1% of men
#87585e Tritanopia 0.001% of the population

Trichromacy

#745f2b Protanomaly 1% of men, 0.01% of women
#7d5c29 Deuteranomaly 6% of men, 0.4% of women
#835748 Tritanomaly 0.01% of the population

#7d5523 hex color

#7d5523 Color Information

#7d5523 Color Conversion

Color Schemes with #7d5523

Alternatives to #7d5523

#7d5523 Preview

Shades and Tints of #7d5523

Tones of #7d5523

Color Blindness Simulator