colorhexa.com

#7d5528 hex color

In a RGB color space, hex #7d5528 is composed of 49% red, 33.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 68% yellow and 51% black. It has a hue angle of 31.8 degrees, a saturation of 51.5% and a lightness of 32.4%. #7d5528 color hex could be obtained by blending #faaa50 with #000000. Closest websafe color is: #666633.

- R 49
- G 33
- B 16
RGB color chart
- C 0
- M 32
- Y 68
- K 51
CMYK color chart

● #7d5528 color description : Dark moderate orange.

The hexadecimal color #7d5528 has RGB values of R:125, G:85, B:40 and CMYK values of C:0, M:0.32, Y:0.68, K:0.51. Its decimal value is 8213800.

Hex triplet	7d5528	`#7d5528`
RGB Decimal	125, 85, 40	`rgb(125,85,40)`
RGB Percent	49, 33.3, 15.7	`rgb(49%,33.3%,15.7%)`
CMYK	0, 32, 68, 51
HSL	31.8°, 51.5, 32.4	`hsl(31.8,51.5%,32.4%)`
HSV (or HSB)	31.8°, 68, 49
Web Safe	666633	`#666633`

CIE-LAB	39.599, 11.802, 32.293
XYZ	12.089, 11.011, 3.496
xyY	0.455, 0.414, 11.011
CIE-LCH	39.599, 34.382, 69.924
CIE-LUV	39.599, 30.749, 30.635
Hunter-Lab	33.183, 6.962, 16.981
Binary	01111101, 01010101, 00101000

#7d5528
```
#7d5528 rgb(125,85,40)
```
#28507d
```
#28507d rgb(40,80,125)
```

Complementary Color

#7d2b28
```
#7d2b28 rgb(125,43,40)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#7b7d28
```
#7b7d28 rgb(123,125,40)
```

Analogous Color

#2b287d
```
#2b287d rgb(43,40,125)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#287b7d
```
#287b7d rgb(40,123,125)
```

Split Complementary Color

#55287d
```
#55287d rgb(85,40,125)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#287d55
```
#287d55 rgb(40,125,85)
```

Triadic Color

#432e15
```
#432e15 rgb(67,46,21)
```
#563b1c
```
#563b1c rgb(86,59,28)
```
#6a4822
```
#6a4822 rgb(106,72,34)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#90622e
```
#90622e rgb(144,98,46)
```
#a46f34
```
#a46f34 rgb(164,111,52)
```
#b77c3b
```
#b77c3b rgb(183,124,59)
```

Monochromatic Color

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

#7d4028
```
#7d4028 rgb(125,64,40)
```
#7d4728
```
#7d4728 rgb(125,71,40)
```
#7d4e28
```
#7d4e28 rgb(125,78,40)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#7d5c28
```
#7d5c28 rgb(125,92,40)
```
#7d6328
```
#7d6328 rgb(125,99,40)
```
#7d6a28
```
#7d6a28 rgb(125,106,40)
```

Similar Colors

Text with hexadecimal color #7d5528

This text has a font color of #7d5528.

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

#7d5528 background color

This paragraph has a background color of #7d5528.

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

#7d5528 border color

This element has a border color of #7d5528.

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

CSS codes

.text {color:#7d5528;}

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

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150e07
```
#150e07 rgb(21,14,7)
```
#24180b
```
#24180b rgb(36,24,11)
```
#332210
```
#332210 rgb(51,34,16)
```
#422d15
```
#422d15 rgb(66,45,21)
```
#50371a
```
#50371a rgb(80,55,26)
```
#5f411e
```
#5f411e rgb(95,65,30)
```
#6e4b23
```
#6e4b23 rgb(110,75,35)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#8c5f2d
```
#8c5f2d rgb(140,95,45)
```
#9b6932
```
#9b6932 rgb(155,105,50)
```
#aa7336
```
#aa7336 rgb(170,115,54)
```
#b87d3b
```
#b87d3b rgb(184,125,59)
```

Shade Color Variation

#c38744
```
#c38744 rgb(195,135,68)
```
#c89153
```
#c89153 rgb(200,145,83)
```
#cd9a62
```
#cd9a62 rgb(205,154,98)
```
#d1a471
```
#d1a471 rgb(209,164,113)
```
#d6ad7f
```
#d6ad7f rgb(214,173,127)
```
#dbb78e
```
#dbb78e rgb(219,183,142)
```
#e0c09d
```
#e0c09d rgb(224,192,157)
```
#e4caac
```
#e4caac rgb(228,202,172)
```
#e9d3bb
```
#e9d3bb rgb(233,211,187)
```
#eeddca
```
#eeddca rgb(238,221,202)
```
#f3e6d9
```
#f3e6d9 rgb(243,230,217)
```
#f7f0e7
```
#f7f0e7 rgb(247,240,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#57534e
```
#57534e rgb(87,83,78)
```
#5d5348
```
#5d5348 rgb(93,83,72)
```
#645441
```
#645441 rgb(100,84,65)
```
#6a543b
```
#6a543b rgb(106,84,59)
```
#705435
```
#705435 rgb(112,84,53)
```
#77552e
```
#77552e rgb(119,85,46)
```
#7d5528
```
#7d5528 rgb(125,85,40)
```
#835522
```
#835522 rgb(131,85,34)
```
#8a561b
```
#8a561b rgb(138,86,27)
```
#905615
```
#905615 rgb(144,86,21)
```
#96560f
```
#96560f rgb(150,86,15)
```
#9d5708
```
#9d5708 rgb(157,87,8)
```
#a35702
```
#a35702 rgb(163,87,2)
```

Tone Color Variation

Below, you can see how #7d5528 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
#635b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6535 Protanopia 1% of men
#7c6132 Deuteranopia 1% of men
#87585e Tritanopia 0.001% of the population

Trichromacy

#745f30 Protanomaly 1% of men, 0.01% of women
#7c5c2e Deuteranomaly 6% of men, 0.4% of women
#83574a Tritanomaly 0.01% of the population