#7e551f hex color

In a RGB color space, hex #7e551f is composed of 49.4% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 75.4% yellow and 50.6% black. It has a hue angle of 34.1 degrees, a saturation of 60.5% and a lightness of 30.8%. #7e551f color hex could be obtained by blending #fcaa3e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #7e551f has RGB values of R:126, G:85, B:31 and CMYK values of C:0, M:0.33, Y:0.75, K:0.51. Its decimal value is 8279327.

Hex triplet	7e551f	`#7e551f`
RGB Decimal	126, 85, 31	`rgb(126,85,31)`
RGB Percent	49.4, 33.3, 12.2	`rgb(49.4%,33.3%,12.2%)`
CMYK	0, 33, 75, 51
HSL	34.1°, 60.5, 30.8	`hsl(34.1,60.5%,30.8%)`
HSV (or HSB)	34.1°, 75.4, 49.4
Web Safe	666633	`#666633`

CIE-LAB	39.635, 11.724, 36.97
XYZ	12.1, 11.032, 2.788
xyY	0.467, 0.426, 11.032
CIE-LCH	39.635, 38.785, 72.405
CIE-LUV	39.635, 32.178, 33.815
Hunter-Lab	33.215, 6.902, 18.273
Binary	01111110, 01010101, 00011111

#7e551f
```
#7e551f rgb(126,85,31)
```
#1f487e
```
#1f487e rgb(31,72,126)
```

Complementary Color

#7e261f
```
#7e261f rgb(126,38,31)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#787e1f
```
#787e1f rgb(120,126,31)
```

Analogous Color

#261f7e
```
#261f7e rgb(38,31,126)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#1f787e
```
#1f787e rgb(31,120,126)
```

Split Complementary Color

#551f7e
```
#551f7e rgb(85,31,126)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#1f7e55
```
#1f7e55 rgb(31,126,85)
```

Triadic Color

#7e1f48
```
#7e1f48 rgb(126,31,72)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#1f7e55
```
#1f7e55 rgb(31,126,85)
```
#1f487e
```
#1f487e rgb(31,72,126)
```

Tetradic Color

#412c10
```
#412c10 rgb(65,44,16)
```
#553915
```
#553915 rgb(85,57,21)
```
#6a471a
```
#6a471a rgb(106,71,26)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#926324
```
#926324 rgb(146,99,36)
```
#a77129
```
#a77129 rgb(167,113,41)
```
#bb7e2e
```
#bb7e2e rgb(187,126,46)
```

Monochromatic Color

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

#7e3d1f
```
#7e3d1f rgb(126,61,31)
```
#7e451f
```
#7e451f rgb(126,69,31)
```
#7e4d1f
```
#7e4d1f rgb(126,77,31)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#7e5d1f
```
#7e5d1f rgb(126,93,31)
```
#7e651f
```
#7e651f rgb(126,101,31)
```
#7e6d1f
```
#7e6d1f rgb(126,109,31)
```

Similar Colors

Text with hexadecimal color #7e551f

This text has a font color of #7e551f.

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

#7e551f background color

This paragraph has a background color of #7e551f.

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

#7e551f border color

This element has a border color of #7e551f.

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

CSS codes

.text {color:#7e551f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100b04
```
#100b04 rgb(16,11,4)
```
#201508
```
#201508 rgb(32,21,8)
```
#2f200c
```
#2f200c rgb(47,32,12)
```
#3f2b10
```
#3f2b10 rgb(63,43,16)
```
#4f3513
```
#4f3513 rgb(79,53,19)
```
#5f4017
```
#5f4017 rgb(95,64,23)
```
#6e4a1b
```
#6e4a1b rgb(110,74,27)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#8e6023
```
#8e6023 rgb(142,96,35)
```
#9d6a27
```
#9d6a27 rgb(157,106,39)
```
#ad752b
```
#ad752b rgb(173,117,43)
```
#bd7f2e
```
#bd7f2e rgb(189,127,46)
```

Shade Color Variation

#cd8a32
```
#cd8a32 rgb(205,138,50)
```
#d19342
```
#d19342 rgb(209,147,66)
```
#d49c52
```
#d49c52 rgb(212,156,82)
```
#d8a562
```
#d8a562 rgb(216,165,98)
```
#dcae71
```
#dcae71 rgb(220,174,113)
```
#e0b781
```
#e0b781 rgb(224,183,129)
```
#e4c091
```
#e4c091 rgb(228,192,145)
```
#e8c9a1
```
#e8c9a1 rgb(232,201,161)
```
#ecd2b0
```
#ecd2b0 rgb(236,210,176)
```
#f0dbc0
```
#f0dbc0 rgb(240,219,192)
```
#f3e4d0
```
#f3e4d0 rgb(243,228,208)
```
#f7ede0
```
#f7ede0 rgb(247,237,224)
```
#fbf6ef
```
#fbf6ef rgb(251,246,239)
```

Tint Color Variation

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

#544f49
```
#544f49 rgb(84,79,73)
```
#5a5043
```
#5a5043 rgb(90,80,67)
```
#60513d
```
#60513d rgb(96,81,61)
```
#665237
```
#665237 rgb(102,82,55)
```
#6c5331
```
#6c5331 rgb(108,83,49)
```
#72532b
```
#72532b rgb(114,83,43)
```
#785425
```
#785425 rgb(120,84,37)
```
#7e551f
```
#7e551f rgb(126,85,31)
```
#845619
```
#845619 rgb(132,86,25)
```
#8a5713
```
#8a5713 rgb(138,87,19)
```
#90570d
```
#90570d rgb(144,87,13)
```
#965807
```
#965807 rgb(150,88,7)
```
#9c5901
```
#9c5901 rgb(156,89,1)
```

Tone Color Variation

Below, you can see how #7e551f 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
#7d6129 Deuteranopia 1% of men
#88585e Tritanopia 0.001% of the population

Trichromacy

#755f27 Protanomaly 1% of men, 0.01% of women
#7d5c25 Deuteranomaly 6% of men, 0.4% of women
#845747 Tritanomaly 0.01% of the population

#7e551f hex color

#7e551f Color Information

#7e551f Color Conversion

Color Schemes with #7e551f

Alternatives to #7e551f

#7e551f Preview

Shades and Tints of #7e551f

Tones of #7e551f

Color Blindness Simulator