#7f553a hex color

In a RGB color space, hex #7f553a is composed of 49.8% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 54.3% yellow and 50.2% black. It has a hue angle of 23.5 degrees, a saturation of 37.3% and a lightness of 36.3%. #7f553a color hex could be obtained by blending #feaa74 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 50
- G 33
- B 23
RGB color chart
- C 0
- M 33
- Y 54
- K 50
CMYK color chart

● #7f553a color description : Dark moderate orange.

The hexadecimal color #7f553a has RGB values of R:127, G:85, B:58 and CMYK values of C:0, M:0.33, Y:0.54, K:0.5. Its decimal value is 8344890.

Hex triplet	7f553a	`#7f553a`
RGB Decimal	127, 85, 58	`rgb(127,85,58)`
RGB Percent	49.8, 33.3, 22.7	`rgb(49.8%,33.3%,22.7%)`
CMYK	0, 33, 54, 50
HSL	23.5°, 37.3, 36.3	`hsl(23.5,37.3%,36.3%)`
HSV (or HSB)	23.5°, 54.3, 49.8
Web Safe	666633	`#666633`

CIE-LAB	40.106, 14.214, 22.739
XYZ	12.765, 11.315, 5.515
xyY	0.431, 0.382, 11.315
CIE-LCH	40.106, 26.816, 57.99
CIE-LUV	40.106, 30.6, 22.583
Hunter-Lab	33.638, 8.869, 13.827
Binary	01111111, 01010101, 00111010

#7f553a
```
#7f553a rgb(127,85,58)
```
#3a647f
```
#3a647f rgb(58,100,127)
```

Complementary Color

#7f3a42
```
#7f3a42 rgb(127,58,66)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#7f783a
```
#7f783a rgb(127,120,58)
```

Analogous Color

#3a427f
```
#3a427f rgb(58,66,127)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#3a7f78
```
#3a7f78 rgb(58,127,120)
```

Split Complementary Color

#553a7f
```
#553a7f rgb(85,58,127)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#3a7f55
```
#3a7f55 rgb(58,127,85)
```

Triadic Color

#7f3a64
```
#7f3a64 rgb(127,58,100)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#3a7f55
```
#3a7f55 rgb(58,127,85)
```
#3a647f
```
#3a647f rgb(58,100,127)
```

Tetradic Color

#4a3222
```
#4a3222 rgb(74,50,34)
```
#5c3e2a
```
#5c3e2a rgb(92,62,42)
```
#6d4932
```
#6d4932 rgb(109,73,50)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#916142
```
#916142 rgb(145,97,66)
```
#a26c4a
```
#a26c4a rgb(162,108,74)
```
#b17954
```
#b17954 rgb(177,121,84)
```

Monochromatic Color

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

#7f443a
```
#7f443a rgb(127,68,58)
```
#7f4a3a
```
#7f4a3a rgb(127,74,58)
```
#7f4f3a
```
#7f4f3a rgb(127,79,58)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#7f5b3a
```
#7f5b3a rgb(127,91,58)
```
#7f613a
```
#7f613a rgb(127,97,58)
```
#7f663a
```
#7f663a rgb(127,102,58)
```

Similar Colors

Text with hexadecimal color #7f553a

This text has a font color of #7f553a.

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

#7f553a background color

This paragraph has a background color of #7f553a.

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

#7f553a border color

This element has a border color of #7f553a.

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

CSS codes

.text {color:#7f553a;}

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

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130d09
```
#130d09 rgb(19,13,9)
```
#21160f
```
#21160f rgb(33,22,15)
```
#2e1f15
```
#2e1f15 rgb(46,31,21)
```
#3c281b
```
#3c281b rgb(60,40,27)
```
#493121
```
#493121 rgb(73,49,33)
```
#573a28
```
#573a28 rgb(87,58,40)
```
#64432e
```
#64432e rgb(100,67,46)
```
#724c34
```
#724c34 rgb(114,76,52)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#8c5e40
```
#8c5e40 rgb(140,94,64)
```
#9a6746
```
#9a6746 rgb(154,103,70)
```
#a7704c
```
#a7704c rgb(167,112,76)
```

Shade Color Variation

#b27a56
```
#b27a56 rgb(178,122,86)
```
#b88463
```
#b88463 rgb(184,132,99)
```
#be8f71
```
#be8f71 rgb(190,143,113)
```
#c49a7e
```
#c49a7e rgb(196,154,126)
```
#caa48c
```
#caa48c rgb(202,164,140)
```
#d0af99
```
#d0af99 rgb(208,175,153)
```
#d7b9a7
```
#d7b9a7 rgb(215,185,167)
```
#ddc4b4
```
#ddc4b4 rgb(221,196,180)
```
#e3cfc1
```
#e3cfc1 rgb(227,207,193)
```
#e9d9cf
```
#e9d9cf rgb(233,217,207)
```
#efe4dc
```
#efe4dc rgb(239,228,220)
```
#f5eeea
```
#f5eeea rgb(245,238,234)
```
#fcf9f7
```
#fcf9f7 rgb(252,249,247)
```

Tint Color Variation

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

#635b56
```
#635b56 rgb(99,91,86)
```
#6a5a4f
```
#6a5a4f rgb(106,90,79)
```
#715848
```
#715848 rgb(113,88,72)
```
#785741
```
#785741 rgb(120,87,65)
```
#7f553a
```
#7f553a rgb(127,85,58)
```
#865333
```
#865333 rgb(134,83,51)
```
#8d522c
```
#8d522c rgb(141,82,44)
```
#945025
```
#945025 rgb(148,80,37)
```
#9b4f1e
```
#9b4f1e rgb(155,79,30)
```
#a34d16
```
#a34d16 rgb(163,77,22)
```
#aa4c0f
```
#aa4c0f rgb(170,76,15)
```
#b14a08
```
#b14a08 rgb(177,74,8)
```
#b84901
```
#b84901 rgb(184,73,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#655c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6647 Protanopia 1% of men
#7b6242 Deuteranopia 1% of men
#885a60 Tritanopia 0.001% of the population

Trichromacy

#746042 Protanomaly 1% of men, 0.01% of women
#7c5d3f Deuteranomaly 6% of men, 0.4% of women
#845852 Tritanomaly 0.01% of the population

#7f553a hex color

#7f553a Color Information

#7f553a Color Conversion

Color Schemes with #7f553a

Alternatives to #7f553a

#7f553a Preview

Shades and Tints of #7f553a

Tones of #7f553a

Color Blindness Simulator