colorhexa.com

#7d310c hex color

In a RGB color space, hex #7d310c is composed of 49% red, 19.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 90.4% yellow and 51% black. It has a hue angle of 19.6 degrees, a saturation of 82.5% and a lightness of 26.9%. #7d310c color hex could be obtained by blending #fa6218 with #000000. Closest websafe color is: #663300.

- R 49
- G 19
- B 5
RGB color chart
- C 0
- M 61
- Y 90
- K 51
CMYK color chart

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

The hexadecimal color #7d310c has RGB values of R:125, G:49, B:12 and CMYK values of C:0, M:0.61, Y:0.9, K:0.51. Its decimal value is 8204556.

Hex triplet	7d310c	`#7d310c`
RGB Decimal	125, 49, 12	`rgb(125,49,12)`
RGB Percent	49, 19.2, 4.7	`rgb(49%,19.2%,4.7%)`
CMYK	0, 61, 90, 51
HSL	19.6°, 82.5, 26.9	`hsl(19.6,82.5%,26.9%)`
HSV (or HSB)	19.6°, 90.4, 49
Web Safe	663300	`#663300`

CIE-LAB	30.841, 31.134, 37.368
XYZ	9.623, 6.584, 1.112
xyY	0.556, 0.38, 6.584
CIE-LCH	30.841, 48.639, 50.2
CIE-LUV	30.841, 58.809, 24.886
Hunter-Lab	25.66, 22.034, 15.392
Binary	01111101, 00110001, 00001100

#7d310c
```
#7d310c rgb(125,49,12)
```
#0c587d
```
#0c587d rgb(12,88,125)
```

Complementary Color

#7d0c1f
```
#7d0c1f rgb(125,12,31)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#7d6a0c
```
#7d6a0c rgb(125,106,12)
```

Analogous Color

#0c1f7d
```
#0c1f7d rgb(12,31,125)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#0c7d6a
```
#0c7d6a rgb(12,125,106)
```

Split Complementary Color

#310c7d
```
#310c7d rgb(49,12,125)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#0c7d31
```
#0c7d31 rgb(12,125,49)
```

Triadic Color

#371605
```
#371605 rgb(55,22,5)
```
#4e1f08
```
#4e1f08 rgb(78,31,8)
```
#66280a
```
#66280a rgb(102,40,10)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#943a0e
```
#943a0e rgb(148,58,14)
```
#ac4310
```
#ac4310 rgb(172,67,16)
```
#c34c13
```
#c34c13 rgb(195,76,19)
```

Monochromatic Color

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

#7d150c
```
#7d150c rgb(125,21,12)
```
#7d1e0c
```
#7d1e0c rgb(125,30,12)
```
#7d280c
```
#7d280c rgb(125,40,12)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#7d3a0c
```
#7d3a0c rgb(125,58,12)
```
#7d440c
```
#7d440c rgb(125,68,12)
```
#7d4d0c
```
#7d4d0c rgb(125,77,12)
```

Similar Colors

Text with hexadecimal color #7d310c

This text has a font color of #7d310c.

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

#7d310c background color

This paragraph has a background color of #7d310c.

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

#7d310c border color

This element has a border color of #7d310c.

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

CSS codes

.text {color:#7d310c;}

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

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

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

#120702
```
#120702 rgb(18,7,2)
```
#240e03
```
#240e03 rgb(36,14,3)
```
#351505
```
#351505 rgb(53,21,5)
```
#471c07
```
#471c07 rgb(71,28,7)
```
#592309
```
#592309 rgb(89,35,9)
```
#6b2a0a
```
#6b2a0a rgb(107,42,10)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#8f380e
```
#8f380e rgb(143,56,14)
```
#a13f0f
```
#a13f0f rgb(161,63,15)
```
#b34611
```
#b34611 rgb(179,70,17)
```
#c54d13
```
#c54d13 rgb(197,77,19)
```
#d65415
```
#d65415 rgb(214,84,21)
```
#e85b16
```
#e85b16 rgb(232,91,22)
```

Shade Color Variation

#ea6828
```
#ea6828 rgb(234,104,40)
```
#ec743a
```
#ec743a rgb(236,116,58)
```
#ee814c
```
#ee814c rgb(238,129,76)
```
#f08d5e
```
#f08d5e rgb(240,141,94)
```
#f19a70
```
#f19a70 rgb(241,154,112)
```
#f3a781
```
#f3a781 rgb(243,167,129)
```
#f5b393
```
#f5b393 rgb(245,179,147)
```
#f6c0a5
```
#f6c0a5 rgb(246,192,165)
```
#f8ccb7
```
#f8ccb7 rgb(248,204,183)
```
#fad9c9
```
#fad9c9 rgb(250,217,201)
```
#fce6db
```
#fce6db rgb(252,230,219)
```
#fdf2ed
```
#fdf2ed rgb(253,242,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484341
```
#484341 rgb(72,67,65)
```
#4e413b
```
#4e413b rgb(78,65,59)
```
#534036
```
#534036 rgb(83,64,54)
```
#583e31
```
#583e31 rgb(88,62,49)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#633a26
```
#633a26 rgb(99,58,38)
```
#683821
```
#683821 rgb(104,56,33)
```
#6d361c
```
#6d361c rgb(109,54,28)
```
#723517
```
#723517 rgb(114,53,23)
```
#783311
```
#783311 rgb(120,51,17)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#822f07
```
#822f07 rgb(130,47,7)
```
#882d01
```
#882d01 rgb(136,45,1)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4f4039 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b521e Protanopia 1% of men
#664e0e Deuteranopia 1% of men
#85383b Tritanopia 0.001% of the population

Trichromacy

#674617 Protanomaly 1% of men, 0.01% of women
#6e430d Deuteranomaly 6% of men, 0.4% of women
#82352a Tritanomaly 0.01% of the population