colorhexa.com

#7b310a hex color

In a RGB color space, hex #7b310a is composed of 48.2% red, 19.2% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.2% magenta, 91.9% yellow and 51.8% black. It has a hue angle of 20.7 degrees, a saturation of 85% and a lightness of 26.1%. #7b310a color hex could be obtained by blending #f66214 with #000000. Closest websafe color is: #663300.

- R 48
- G 19
- B 4
RGB color chart
- C 0
- M 60
- Y 92
- K 52
CMYK color chart

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

The hexadecimal color #7b310a has RGB values of R:123, G:49, B:10 and CMYK values of C:0, M:0.6, Y:0.92, K:0.52. Its decimal value is 8073482.

Hex triplet	7b310a	`#7b310a`
RGB Decimal	123, 49, 10	`rgb(123,49,10)`
RGB Percent	48.2, 19.2, 3.9	`rgb(48.2%,19.2%,3.9%)`
CMYK	0, 60, 92, 52
HSL	20.7°, 85, 26.1	`hsl(20.7,85%,26.1%)`
HSV (or HSB)	20.7°, 91.9, 48.2
Web Safe	663300	`#663300`

CIE-LAB	30.474, 30.265, 37.726
XYZ	9.322, 6.43, 1.037
xyY	0.555, 0.383, 6.43
CIE-LCH	30.474, 48.366, 51.263
CIE-LUV	30.474, 57.28, 25.017
Hunter-Lab	25.358, 21.24, 15.325
Binary	01111011, 00110001, 00001010

#7b310a
```
#7b310a rgb(123,49,10)
```
#0a547b
```
#0a547b rgb(10,84,123)
```

Complementary Color

#7b0a1b
```
#7b0a1b rgb(123,10,27)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#7b6a0a
```
#7b6a0a rgb(123,106,10)
```

Analogous Color

#0a1b7b
```
#0a1b7b rgb(10,27,123)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#0a7b6a
```
#0a7b6a rgb(10,123,106)
```

Split Complementary Color

#310a7b
```
#310a7b rgb(49,10,123)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#0a7b31
```
#0a7b31 rgb(10,123,49)
```

Triadic Color

#341504
```
#341504 rgb(52,21,4)
```
#4c1e06
```
#4c1e06 rgb(76,30,6)
```
#632808
```
#632808 rgb(99,40,8)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#933a0c
```
#933a0c rgb(147,58,12)
```
#aa440e
```
#aa440e rgb(170,68,14)
```
#c24d10
```
#c24d10 rgb(194,77,16)
```

Monochromatic Color

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

#7b150a
```
#7b150a rgb(123,21,10)
```
#7b1e0a
```
#7b1e0a rgb(123,30,10)
```
#7b280a
```
#7b280a rgb(123,40,10)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#7b3a0a
```
#7b3a0a rgb(123,58,10)
```
#7b440a
```
#7b440a rgb(123,68,10)
```
#7b4d0a
```
#7b4d0a rgb(123,77,10)
```

Similar Colors

Text with hexadecimal color #7b310a

This text has a font color of #7b310a.

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

#7b310a background color

This paragraph has a background color of #7b310a.

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

#7b310a border color

This element has a border color of #7b310a.

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

CSS codes

.text {color:#7b310a;}

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

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

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

#0e0601
```
#0e0601 rgb(14,6,1)
```
#200d03
```
#200d03 rgb(32,13,3)
```
#321404
```
#321404 rgb(50,20,4)
```
#451b06
```
#451b06 rgb(69,27,6)
```
#572307
```
#572307 rgb(87,35,7)
```
#692a09
```
#692a09 rgb(105,42,9)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#8d380b
```
#8d380b rgb(141,56,11)
```
#9f3f0d
```
#9f3f0d rgb(159,63,13)
```
#b1470e
```
#b1470e rgb(177,71,14)
```
#c44e10
```
#c44e10 rgb(196,78,16)
```
#d65511
```
#d65511 rgb(214,85,17)
```
#e85c13
```
#e85c13 rgb(232,92,19)
```

Shade Color Variation

#ed6821
```
#ed6821 rgb(237,104,33)
```
#ee7433
```
#ee7433 rgb(238,116,51)
```
#f08046
```
#f08046 rgb(240,128,70)
```
#f18d58
```
#f18d58 rgb(241,141,88)
```
#f3996a
```
#f3996a rgb(243,153,106)
```
#f4a67c
```
#f4a67c rgb(244,166,124)
```
#f6b28e
```
#f6b28e rgb(246,178,142)
```
#f7bea0
```
#f7bea0 rgb(247,190,160)
```
#f9cbb2
```
#f9cbb2 rgb(249,203,178)
```
#fad7c5
```
#fad7c5 rgb(250,215,197)
```
#fce4d7
```
#fce4d7 rgb(252,228,215)
```
#fdf0e9
```
#fdf0e9 rgb(253,240,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#434242
```
#434242 rgb(67,66,66)
```
#48413d
```
#48413d rgb(72,65,61)
```
#4d3f38
```
#4d3f38 rgb(77,63,56)
```
#523e33
```
#523e33 rgb(82,62,51)
```
#573c2e
```
#573c2e rgb(87,60,46)
```
#5c3b29
```
#5c3b29 rgb(92,59,41)
```
#613924
```
#613924 rgb(97,57,36)
```
#67371e
```
#67371e rgb(103,55,30)
```
#6c3619
```
#6c3619 rgb(108,54,25)
```
#713414
```
#713414 rgb(113,52,20)
```
#76330f
```
#76330f rgb(118,51,15)
```
#7b310a
```
#7b310a rgb(123,49,10)
```
#802f05
```
#802f05 rgb(128,47,5)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#4e3f38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a511c Protanopia 1% of men
#654d0b Deuteranopia 1% of men
#83383b Tritanopia 0.001% of the population

Trichromacy

#664515 Protanomaly 1% of men, 0.01% of women
#6d430a Deuteranomaly 6% of men, 0.4% of women
#803529 Tritanomaly 0.01% of the population