#7c551f hex color

In a RGB color space, hex #7c551f is composed of 48.6% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 75% yellow and 51.4% black. It has a hue angle of 34.8 degrees, a saturation of 60% and a lightness of 30.4%. #7c551f color hex could be obtained by blending #f8aa3e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 33
- B 12
RGB color chart
- C 0
- M 31
- Y 75
- K 51
CMYK color chart

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

The hexadecimal color #7c551f has RGB values of R:124, G:85, B:31 and CMYK values of C:0, M:0.31, Y:0.75, K:0.51. Its decimal value is 8148255.

Hex triplet	7c551f	`#7c551f`
RGB Decimal	124, 85, 31	`rgb(124,85,31)`
RGB Percent	48.6, 33.3, 12.2	`rgb(48.6%,33.3%,12.2%)`
CMYK	0, 31, 75, 51
HSL	34.8°, 60, 30.4	`hsl(34.8,60%,30.4%)`
HSV (or HSB)	34.8°, 75, 48.6
Web Safe	666633	`#666633`

CIE-LAB	39.381, 10.78, 36.629
XYZ	11.808, 10.882, 2.775
xyY	0.464, 0.427, 10.882
CIE-LCH	39.381, 38.182, 73.6
CIE-LUV	39.381, 30.594, 33.678
Hunter-Lab	32.987, 6.168, 18.104
Binary	01111100, 01010101, 00011111

#7c551f
```
#7c551f rgb(124,85,31)
```
#1f467c
```
#1f467c rgb(31,70,124)
```

Complementary Color

#7c271f
```
#7c271f rgb(124,39,31)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#757c1f
```
#757c1f rgb(117,124,31)
```

Analogous Color

#271f7c
```
#271f7c rgb(39,31,124)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#1f757c
```
#1f757c rgb(31,117,124)
```

Split Complementary Color

#551f7c
```
#551f7c rgb(85,31,124)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#1f7c55
```
#1f7c55 rgb(31,124,85)
```

Triadic Color

#7c1f46
```
#7c1f46 rgb(124,31,70)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#1f7c55
```
#1f7c55 rgb(31,124,85)
```
#1f467c
```
#1f467c rgb(31,70,124)
```

Tetradic Color

#3f2b10
```
#3f2b10 rgb(63,43,16)
```
#533915
```
#533915 rgb(83,57,21)
```
#68471a
```
#68471a rgb(104,71,26)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#906324
```
#906324 rgb(144,99,36)
```
#a57129
```
#a57129 rgb(165,113,41)
```
#b97f2e
```
#b97f2e rgb(185,127,46)
```

Monochromatic Color

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

#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#7c461f
```
#7c461f rgb(124,70,31)
```
#7c4d1f
```
#7c4d1f rgb(124,77,31)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#7c5d1f
```
#7c5d1f rgb(124,93,31)
```
#7c651f
```
#7c651f rgb(124,101,31)
```
#7c6c1f
```
#7c6c1f rgb(124,108,31)
```

Similar Colors

Text with hexadecimal color #7c551f

This text has a font color of #7c551f.

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

#7c551f background color

This paragraph has a background color of #7c551f.

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

#7c551f border color

This element has a border color of #7c551f.

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

CSS codes

.text {color:#7c551f;}

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

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

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

#0e0a04
```
#0e0a04 rgb(14,10,4)
```
#1e1407
```
#1e1407 rgb(30,20,7)
```
#2e1f0b
```
#2e1f0b rgb(46,31,11)
```
#3d2a0f
```
#3d2a0f rgb(61,42,15)
```
#4d3513
```
#4d3513 rgb(77,53,19)
```
#5d3f17
```
#5d3f17 rgb(93,63,23)
```
#6c4a1b
```
#6c4a1b rgb(108,74,27)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#8c6023
```
#8c6023 rgb(140,96,35)
```
#9b6b27
```
#9b6b27 rgb(155,107,39)
```
#ab752b
```
#ab752b rgb(171,117,43)
```
#bb802f
```
#bb802f rgb(187,128,47)
```
#ca8b33
```
#ca8b33 rgb(202,139,51)
```

Shade Color Variation

#d09441
```
#d09441 rgb(208,148,65)
```
#d39d51
```
#d39d51 rgb(211,157,81)
```
#d7a661
```
#d7a661 rgb(215,166,97)
```
#dbae70
```
#dbae70 rgb(219,174,112)
```
#dfb780
```
#dfb780 rgb(223,183,128)
```
#e3c090
```
#e3c090 rgb(227,192,144)
```
#e7c99f
```
#e7c99f rgb(231,201,159)
```
#ebd2af
```
#ebd2af rgb(235,210,175)
```
#efdbbf
```
#efdbbf rgb(239,219,191)
```
#f3e4ce
```
#f3e4ce rgb(243,228,206)
```
#f7ecde
```
#f7ecde rgb(247,236,222)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#524e49
```
#524e49 rgb(82,78,73)
```
#584f43
```
#584f43 rgb(88,79,67)
```
#5e503d
```
#5e503d rgb(94,80,61)
```
#645137
```
#645137 rgb(100,81,55)
```
#6a5231
```
#6a5231 rgb(106,82,49)
```
#70532b
```
#70532b rgb(112,83,43)
```
#765425
```
#765425 rgb(118,84,37)
```
#7c551f
```
#7c551f rgb(124,85,31)
```
#825619
```
#825619 rgb(130,86,25)
```
#885713
```
#885713 rgb(136,87,19)
```
#8e580d
```
#8e580d rgb(142,88,13)
```
#945907
```
#945907 rgb(148,89,7)
```
#9a5a01
```
#9a5a01 rgb(154,90,1)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#625a4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#70652c Protanopia 1% of men
#7c6029 Deuteranopia 1% of men
#86585e Tritanopia 0.001% of the population

Trichromacy

#745f27 Protanomaly 1% of men, 0.01% of women
#7c5c25 Deuteranomaly 6% of men, 0.4% of women
#825747 Tritanomaly 0.01% of the population

#7c551f hex color

#7c551f Color Information

#7c551f Color Conversion

Color Schemes with #7c551f

Alternatives to #7c551f

#7c551f Preview

Shades and Tints of #7c551f

Tones of #7c551f

Color Blindness Simulator