#7d553d hex color

In a RGB color space, hex #7d553d is composed of 49% red, 33.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 51.2% yellow and 51% black. It has a hue angle of 22.5 degrees, a saturation of 34.4% and a lightness of 36.5%. #7d553d color hex could be obtained by blending #faaa7a with #000000. Closest websafe color is: #666633.

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

● #7d553d color description : Dark moderate orange.

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

Hex triplet	7d553d	`#7d553d`
RGB Decimal	125, 85, 61	`rgb(125,85,61)`
RGB Percent	49, 33.3, 23.9	`rgb(49%,33.3%,23.9%)`
CMYK	0, 32, 51, 51
HSL	22.5°, 34.4, 36.5	`hsl(22.5,34.4%,36.5%)`
HSV (or HSB)	22.5°, 51.2, 49
Web Safe	666633	`#666633`

CIE-LAB	39.906, 13.621, 20.646
XYZ	12.548, 11.195, 5.914
xyY	0.423, 0.377, 11.195
CIE-LCH	39.906, 24.735, 56.585
CIE-LUV	39.906, 28.737, 20.735
Hunter-Lab	33.458, 8.394, 12.94
Binary	01111101, 01010101, 00111101

#7d553d
```
#7d553d rgb(125,85,61)
```
#3d657d
```
#3d657d rgb(61,101,125)
```

Complementary Color

#7d3d45
```
#7d3d45 rgb(125,61,69)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#7d753d
```
#7d753d rgb(125,117,61)
```

Analogous Color

#3d457d
```
#3d457d rgb(61,69,125)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#3d7d75
```
#3d7d75 rgb(61,125,117)
```

Split Complementary Color

#553d7d
```
#553d7d rgb(85,61,125)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#3d7d55
```
#3d7d55 rgb(61,125,85)
```

Triadic Color

#7d3d65
```
#7d3d65 rgb(125,61,101)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#3d7d55
```
#3d7d55 rgb(61,125,85)
```
#3d657d
```
#3d657d rgb(61,101,125)
```

Tetradic Color

#4a3224
```
#4a3224 rgb(74,50,36)
```
#5b3e2c
```
#5b3e2c rgb(91,62,44)
```
#6c4935
```
#6c4935 rgb(108,73,53)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#8e6145
```
#8e6145 rgb(142,97,69)
```
#9f6c4e
```
#9f6c4e rgb(159,108,78)
```
#ae7959
```
#ae7959 rgb(174,121,89)
```

Monochromatic Color

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

#7d453d
```
#7d453d rgb(125,69,61)
```
#7d4a3d
```
#7d4a3d rgb(125,74,61)
```
#7d503d
```
#7d503d rgb(125,80,61)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#7d5a3d
```
#7d5a3d rgb(125,90,61)
```
#7d603d
```
#7d603d rgb(125,96,61)
```
#7d653d
```
#7d653d rgb(125,101,61)
```

Similar Colors

Text with hexadecimal color #7d553d

This text has a font color of #7d553d.

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

#7d553d background color

This paragraph has a background color of #7d553d.

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

#7d553d border color

This element has a border color of #7d553d.

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

CSS codes

.text {color:#7d553d;}

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

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

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

#060403
```
#060403 rgb(6,4,3)
```
#140d0a
```
#140d0a rgb(20,13,10)
```
#211610
```
#211610 rgb(33,22,16)
```
#2e1f16
```
#2e1f16 rgb(46,31,22)
```
#3b281d
```
#3b281d rgb(59,40,29)
```
#483123
```
#483123 rgb(72,49,35)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#634330
```
#634330 rgb(99,67,48)
```
#704c37
```
#704c37 rgb(112,76,55)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#8a5e43
```
#8a5e43 rgb(138,94,67)
```
#97674a
```
#97674a rgb(151,103,74)
```
#a57050
```
#a57050 rgb(165,112,80)
```

Shade Color Variation

#ae7a5a
```
#ae7a5a rgb(174,122,90)
```
#b58467
```
#b58467 rgb(181,132,103)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#c29a82
```
#c29a82 rgb(194,154,130)
```
#c8a48f
```
#c8a48f rgb(200,164,143)
```
#cfaf9c
```
#cfaf9c rgb(207,175,156)
```
#d5baa9
```
#d5baa9 rgb(213,186,169)
```
#dcc4b6
```
#dcc4b6 rgb(220,196,182)
```
#e2cfc3
```
#e2cfc3 rgb(226,207,195)
```
#e8dad1
```
#e8dad1 rgb(232,218,209)
```
#efe4de
```
#efe4de rgb(239,228,222)
```
#f5efeb
```
#f5efeb rgb(245,239,235)
```
#fcf9f8
```
#fcf9f8 rgb(252,249,248)
```

Tint Color Variation

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

#605c5a
```
#605c5a rgb(96,92,90)
```
#685a52
```
#685a52 rgb(104,90,82)
```
#6f594b
```
#6f594b rgb(111,89,75)
```
#765744
```
#765744 rgb(118,87,68)
```
#7d553d
```
#7d553d rgb(125,85,61)
```
#845336
```
#845336 rgb(132,83,54)
```
#8b512f
```
#8b512f rgb(139,81,47)
```
#925028
```
#925028 rgb(146,80,40)
```
#9a4e20
```
#9a4e20 rgb(154,78,32)
```
#a14c19
```
#a14c19 rgb(161,76,25)
```
#a84a12
```
#a84a12 rgb(168,74,18)
```
#af480b
```
#af480b rgb(175,72,11)
```
#b64704
```
#b64704 rgb(182,71,4)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#645c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e664a Protanopia 1% of men
#7a6245 Deuteranopia 1% of men
#865a60 Tritanopia 0.001% of the population

Trichromacy

#736045 Protanomaly 1% of men, 0.01% of women
#7b5d42 Deuteranomaly 6% of men, 0.4% of women
#825853 Tritanomaly 0.01% of the population

#7d553d hex color

#7d553d Color Information

#7d553d Color Conversion

Color Schemes with #7d553d

Alternatives to #7d553d

#7d553d Preview

Shades and Tints of #7d553d

Tones of #7d553d

Color Blindness Simulator