#7d3218 hex color

In a RGB color space, hex #7d3218 is composed of 49% red, 19.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 80.8% yellow and 51% black. It has a hue angle of 15.4 degrees, a saturation of 67.8% and a lightness of 29.2%. #7d3218 color hex could be obtained by blending #fa6430 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 49
- G 20
- B 9
RGB color chart
- C 0
- M 60
- Y 81
- K 51
CMYK color chart

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

The hexadecimal color #7d3218 has RGB values of R:125, G:50, B:24 and CMYK values of C:0, M:0.6, Y:0.81, K:0.51. Its decimal value is 8204824.

Hex triplet	7d3218	`#7d3218`
RGB Decimal	125, 50, 24	`rgb(125,50,24)`
RGB Percent	49, 19.6, 9.4	`rgb(49%,19.6%,9.4%)`
CMYK	0, 60, 81, 51
HSL	15.4°, 67.8, 29.2	`hsl(15.4,67.8%,29.2%)`
HSV (or HSB)	15.4°, 80.8, 49
Web Safe	663300	`#663300`

CIE-LAB	31.133, 31.006, 31.824
XYZ	9.763, 6.708, 1.645
xyY	0.539, 0.37, 6.708
CIE-LCH	31.133, 44.431, 45.746
CIE-LUV	31.133, 56.991, 22.338
Hunter-Lab	25.9, 21.962, 14.365
Binary	01111101, 00110010, 00011000

#7d3218
```
#7d3218 rgb(125,50,24)
```
#18637d
```
#18637d rgb(24,99,125)
```

Complementary Color

#7d1831
```
#7d1831 rgb(125,24,49)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#7d6518
```
#7d6518 rgb(125,101,24)
```

Analogous Color

#18307d
```
#18307d rgb(24,48,125)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#187d65
```
#187d65 rgb(24,125,101)
```

Split Complementary Color

#32187d
```
#32187d rgb(50,24,125)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#187d32
```
#187d32 rgb(24,125,50)
```

Triadic Color

#7d1863
```
#7d1863 rgb(125,24,99)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#187d32
```
#187d32 rgb(24,125,50)
```
#18637d
```
#18637d rgb(24,99,125)
```

Tetradic Color

#3d180c
```
#3d180c rgb(61,24,12)
```
#522110
```
#522110 rgb(82,33,16)
```
#682914
```
#682914 rgb(104,41,20)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#923b1c
```
#923b1c rgb(146,59,28)
```
#a84320
```
#a84320 rgb(168,67,32)
```
#bd4c24
```
#bd4c24 rgb(189,76,36)
```

Monochromatic Color

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

#7d1918
```
#7d1918 rgb(125,25,24)
```
#7d2118
```
#7d2118 rgb(125,33,24)
```
#7d2a18
```
#7d2a18 rgb(125,42,24)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#7d3a18
```
#7d3a18 rgb(125,58,24)
```
#7d4318
```
#7d4318 rgb(125,67,24)
```
#7d4b18
```
#7d4b18 rgb(125,75,24)
```

Similar Colors

Text with hexadecimal color #7d3218

This text has a font color of #7d3218.

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

#7d3218 background color

This paragraph has a background color of #7d3218.

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

#7d3218 border color

This element has a border color of #7d3218.

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

CSS codes

.text {color:#7d3218;}

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

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

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

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1a0b05
```
#1a0b05 rgb(26,11,5)
```
#2b1108
```
#2b1108 rgb(43,17,8)
```
#3b180b
```
#3b180b rgb(59,24,11)
```
#4c1e0f
```
#4c1e0f rgb(76,30,15)
```
#5c2512
```
#5c2512 rgb(92,37,18)
```
#6d2b15
```
#6d2b15 rgb(109,43,21)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#8d391b
```
#8d391b rgb(141,57,27)
```
#9e3f1e
```
#9e3f1e rgb(158,63,30)
```
#ae4621
```
#ae4621 rgb(174,70,33)
```
#bf4c25
```
#bf4c25 rgb(191,76,37)
```
#cf5328
```
#cf5328 rgb(207,83,40)
```

Shade Color Variation

#d85d33
```
#d85d33 rgb(216,93,51)
```
#db6a43
```
#db6a43 rgb(219,106,67)
```
#de7754
```
#de7754 rgb(222,119,84)
```
#e18464
```
#e18464 rgb(225,132,100)
```
#e49175
```
#e49175 rgb(228,145,117)
```
#e89f85
```
#e89f85 rgb(232,159,133)
```
#ebac96
```
#ebac96 rgb(235,172,150)
```
#eeb9a6
```
#eeb9a6 rgb(238,185,166)
```
#f1c6b7
```
#f1c6b7 rgb(241,198,183)
```
#f4d3c7
```
#f4d3c7 rgb(244,211,199)
```
#f7e0d7
```
#f7e0d7 rgb(247,224,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#4f4846
```
#4f4846 rgb(79,72,70)
```
#554540
```
#554540 rgb(85,69,64)
```
#5b433a
```
#5b433a rgb(91,67,58)
```
#604035
```
#604035 rgb(96,64,53)
```
#663d2f
```
#663d2f rgb(102,61,47)
```
#6c3a29
```
#6c3a29 rgb(108,58,41)
```
#723823
```
#723823 rgb(114,56,35)
```
#77351e
```
#77351e rgb(119,53,30)
```
#7d3218
```
#7d3218 rgb(125,50,24)
```
#832f12
```
#832f12 rgb(131,47,18)
```
#882c0d
```
#882c0d rgb(136,44,13)
```
#8e2a07
```
#8e2a07 rgb(142,42,7)
```
#942701
```
#942701 rgb(148,39,1)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#50413c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b522a Protanopia 1% of men
#664e1e Deuteranopia 1% of men
#84393d Tritanopia 0.001% of the population

Trichromacy

#674623 Protanomaly 1% of men, 0.01% of women
#6e441c Deuteranomaly 6% of men, 0.4% of women
#82362f Tritanomaly 0.01% of the population

#7d3218 hex color

#7d3218 Color Information

#7d3218 Color Conversion

Color Schemes with #7d3218

Alternatives to #7d3218

#7d3218 Preview

Shades and Tints of #7d3218

Tones of #7d3218

Color Blindness Simulator