colorhexa.com

#7d3b1d hex color

In a RGB color space, hex #7d3b1d is composed of 49% red, 23.1% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.8% magenta, 76.8% yellow and 51% black. It has a hue angle of 18.8 degrees, a saturation of 62.3% and a lightness of 30.2%. #7d3b1d color hex could be obtained by blending #fa763a with #000000. Closest websafe color is: #663333.

- R 49
- G 23
- B 11
RGB color chart
- C 0
- M 53
- Y 77
- K 51
CMYK color chart

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

The hexadecimal color #7d3b1d has RGB values of R:125, G:59, B:29 and CMYK values of C:0, M:0.53, Y:0.77, K:0.51. Its decimal value is 8207133.

Hex triplet	7d3b1d	`#7d3b1d`
RGB Decimal	125, 59, 29	`rgb(125,59,29)`
RGB Percent	49, 23.1, 11.4	`rgb(49%,23.1%,11.4%)`
CMYK	0, 53, 77, 51
HSL	18.8°, 62.3, 30.2	`hsl(18.8,62.3%,30.2%)`
HSV (or HSB)	18.8°, 76.8, 49
Web Safe	663333	`#663333`

CIE-LAB	33.087, 26.361, 31.121
XYZ	10.244, 7.578, 2.086
xyY	0.515, 0.381, 7.578
CIE-LCH	33.087, 40.785, 49.734
CIE-LUV	33.087, 50.304, 23.918
Hunter-Lab	27.527, 18.251, 14.777
Binary	01111101, 00111011, 00011101

#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#1d5f7d
```
#1d5f7d rgb(29,95,125)
```

Complementary Color

#7d1d2f
```
#7d1d2f rgb(125,29,47)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#7d6b1d
```
#7d6b1d rgb(125,107,29)
```

Analogous Color

#1d2f7d
```
#1d2f7d rgb(29,47,125)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#1d7d6b
```
#1d7d6b rgb(29,125,107)
```

Split Complementary Color

#3b1d7d
```
#3b1d7d rgb(59,29,125)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#1d7d3b
```
#1d7d3b rgb(29,125,59)
```

Triadic Color

#3f1e0f
```
#3f1e0f rgb(63,30,15)
```
#542713
```
#542713 rgb(84,39,19)
```
#683118
```
#683118 rgb(104,49,24)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#924522
```
#924522 rgb(146,69,34)
```
#a64f27
```
#a64f27 rgb(166,79,39)
```
#bb582b
```
#bb582b rgb(187,88,43)
```

Monochromatic Color

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

#7d231d
```
#7d231d rgb(125,35,29)
```
#7d2b1d
```
#7d2b1d rgb(125,43,29)
```
#7d331d
```
#7d331d rgb(125,51,29)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#7d431d
```
#7d431d rgb(125,67,29)
```
#7d4b1d
```
#7d4b1d rgb(125,75,29)
```
#7d531d
```
#7d531d rgb(125,83,29)
```

Similar Colors

Text with hexadecimal color #7d3b1d

This text has a font color of #7d3b1d.

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

#7d3b1d background color

This paragraph has a background color of #7d3b1d.

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

#7d3b1d border color

This element has a border color of #7d3b1d.

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

CSS codes

.text {color:#7d3b1d;}

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

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

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

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1d0e07
```
#1d0e07 rgb(29,14,7)
```
#2d150b
```
#2d150b rgb(45,21,11)
```
#3d1d0e
```
#3d1d0e rgb(61,29,14)
```
#4d2412
```
#4d2412 rgb(77,36,18)
```
#5d2c16
```
#5d2c16 rgb(93,44,22)
```
#6d3319
```
#6d3319 rgb(109,51,25)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#8d4321
```
#8d4321 rgb(141,67,33)
```
#9d4a24
```
#9d4a24 rgb(157,74,36)
```
#ad5228
```
#ad5228 rgb(173,82,40)
```
#bd592c
```
#bd592c rgb(189,89,44)
```
#cd612f
```
#cd612f rgb(205,97,47)
```

Shade Color Variation

#d26c3e
```
#d26c3e rgb(210,108,62)
```
#d6784d
```
#d6784d rgb(214,120,77)
```
#da845d
```
#da845d rgb(218,132,93)
```
#dd906d
```
#dd906d rgb(221,144,109)
```
#e19c7d
```
#e19c7d rgb(225,156,125)
```
#e5a88d
```
#e5a88d rgb(229,168,141)
```
#e8b59d
```
#e8b59d rgb(232,181,157)
```
#ecc1ad
```
#ecc1ad rgb(236,193,173)
```
#f0cdbd
```
#f0cdbd rgb(240,205,189)
```
#f3d9cd
```
#f3d9cd rgb(243,217,205)
```
#f7e5dd
```
#f7e5dd rgb(247,229,221)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#4e4d4c
```
#4e4d4c rgb(78,77,76)
```
#544b46
```
#544b46 rgb(84,75,70)
```
#594841
```
#594841 rgb(89,72,65)
```
#5f463b
```
#5f463b rgb(95,70,59)
```
#654435
```
#654435 rgb(101,68,53)
```
#6b422f
```
#6b422f rgb(107,66,47)
```
#713f29
```
#713f29 rgb(113,63,41)
```
#773d23
```
#773d23 rgb(119,61,35)
```
#7d3b1d
```
#7d3b1d rgb(125,59,29)
```
#833917
```
#833917 rgb(131,57,23)
```
#893711
```
#893711 rgb(137,55,17)
```
#8f340b
```
#8f340b rgb(143,52,11)
```
#953205
```
#953205 rgb(149,50,5)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#554842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f572e Protanopia 1% of men
#6b5324 Deuteranopia 1% of men
#854145 Tritanopia 0.001% of the population

Trichromacy

#6a4c27 Protanomaly 1% of men, 0.01% of women
#714a21 Deuteranomaly 6% of men, 0.4% of women
#823f37 Tritanomaly 0.01% of the population