#7b421f hex color

In a RGB color space, hex #7b421f is composed of 48.2% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 74.8% yellow and 51.8% black. It has a hue angle of 22.8 degrees, a saturation of 59.7% and a lightness of 30.2%. #7b421f color hex could be obtained by blending #f6843e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 48
- G 26
- B 12
RGB color chart
- C 0
- M 46
- Y 75
- K 52
CMYK color chart

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

The hexadecimal color #7b421f has RGB values of R:123, G:66, B:31 and CMYK values of C:0, M:0.46, Y:0.75, K:0.52. Its decimal value is 8077855.

Hex triplet	7b421f	`#7b421f`
RGB Decimal	123, 66, 31	`rgb(123,66,31)`
RGB Percent	48.2, 25.9, 12.2	`rgb(48.2%,25.9%,12.2%)`
CMYK	0, 46, 75, 52
HSL	22.8°, 59.7, 30.2	`hsl(22.8,59.7%,30.2%)`
HSV (or HSB)	22.8°, 74.8, 48.2
Web Safe	663333	`#663333`

CIE-LAB	34.411, 21.587, 31.353
XYZ	10.364, 8.207, 2.335
xyY	0.496, 0.393, 8.207
CIE-LCH	34.411, 38.066, 55.452
CIE-LUV	34.411, 43.516, 25.714
Hunter-Lab	28.648, 14.443, 15.222
Binary	01111011, 01000010, 00011111

#7b421f
```
#7b421f rgb(123,66,31)
```
#1f587b
```
#1f587b rgb(31,88,123)
```

Complementary Color

#7b1f2a
```
#7b1f2a rgb(123,31,42)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#7b701f
```
#7b701f rgb(123,112,31)
```

Analogous Color

#1f2a7b
```
#1f2a7b rgb(31,42,123)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#1f7b70
```
#1f7b70 rgb(31,123,112)
```

Split Complementary Color

#421f7b
```
#421f7b rgb(66,31,123)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#1f7b42
```
#1f7b42 rgb(31,123,66)
```

Triadic Color

#7b1f58
```
#7b1f58 rgb(123,31,88)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#1f7b42
```
#1f7b42 rgb(31,123,66)
```
#1f587b
```
#1f587b rgb(31,88,123)
```

Tetradic Color

#3e2110
```
#3e2110 rgb(62,33,16)
```
#522c15
```
#522c15 rgb(82,44,21)
```
#67371a
```
#67371a rgb(103,55,26)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#8f4d24
```
#8f4d24 rgb(143,77,36)
```
#a45829
```
#a45829 rgb(164,88,41)
```
#b8632e
```
#b8632e rgb(184,99,46)
```

Monochromatic Color

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

#7b2b1f
```
#7b2b1f rgb(123,43,31)
```
#7b331f
```
#7b331f rgb(123,51,31)
```
#7b3a1f
```
#7b3a1f rgb(123,58,31)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#7b4a1f
```
#7b4a1f rgb(123,74,31)
```
#7b511f
```
#7b511f rgb(123,81,31)
```
#7b591f
```
#7b591f rgb(123,89,31)
```

Similar Colors

Text with hexadecimal color #7b421f

This text has a font color of #7b421f.

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

#7b421f background color

This paragraph has a background color of #7b421f.

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

#7b421f border color

This element has a border color of #7b421f.

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

CSS codes

.text {color:#7b421f;}

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

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

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

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d1007
```
#1d1007 rgb(29,16,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3c200f
```
#3c200f rgb(60,32,15)
```
#4c2913
```
#4c2913 rgb(76,41,19)
```
#5c3117
```
#5c3117 rgb(92,49,23)
```
#6b3a1b
```
#6b3a1b rgb(107,58,27)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#8b4a23
```
#8b4a23 rgb(139,74,35)
```
#9a5327
```
#9a5327 rgb(154,83,39)
```
#aa5b2b
```
#aa5b2b rgb(170,91,43)
```
#ba642f
```
#ba642f rgb(186,100,47)
```
#c96c33
```
#c96c33 rgb(201,108,51)
```

Shade Color Variation

#cf7741
```
#cf7741 rgb(207,119,65)
```
#d38250
```
#d38250 rgb(211,130,80)
```
#d78d60
```
#d78d60 rgb(215,141,96)
```
#db9870
```
#db9870 rgb(219,152,112)
```
#dfa47f
```
#dfa47f rgb(223,164,127)
```
#e3af8f
```
#e3af8f rgb(227,175,143)
```
#e7ba9f
```
#e7ba9f rgb(231,186,159)
```
#ebc5ae
```
#ebc5ae rgb(235,197,174)
```
#efd0be
```
#efd0be rgb(239,208,190)
```
#f3dcce
```
#f3dcce rgb(243,220,206)
```
#f7e7dd
```
#f7e7dd rgb(247,231,221)
```
#faf2ed
```
#faf2ed rgb(250,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #524c48 is the less saturated color, while #993b01 is the most saturated one.

#524c48
```
#524c48 rgb(82,76,72)
```
#574a43
```
#574a43 rgb(87,74,67)
```
#5d493d
```
#5d493d rgb(93,73,61)
```
#634837
```
#634837 rgb(99,72,55)
```
#694631
```
#694631 rgb(105,70,49)
```
#6f452b
```
#6f452b rgb(111,69,43)
```
#754325
```
#754325 rgb(117,67,37)
```
#7b421f
```
#7b421f rgb(123,66,31)
```
#814119
```
#814119 rgb(129,65,25)
```
#873f13
```
#873f13 rgb(135,63,19)
```
#8d3e0d
```
#8d3e0d rgb(141,62,13)
```
#933c07
```
#933c07 rgb(147,60,7)
```
#993b01
```
#993b01 rgb(153,59,1)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#584c45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a2e Protanopia 1% of men
#6e5527 Deuteranopia 1% of men
#83474c Tritanopia 0.001% of the population

Trichromacy

#6b5129 Protanomaly 1% of men, 0.01% of women
#734e24 Deuteranomaly 6% of men, 0.4% of women
#80453c Tritanomaly 0.01% of the population

#7b421f hex color

#7b421f Color Information

#7b421f Color Conversion

Color Schemes with #7b421f

Alternatives to #7b421f

#7b421f Preview

Shades and Tints of #7b421f

Tones of #7b421f

Color Blindness Simulator