#7c5522 Color Information
In a RGB color space, hex #7c5522 is composed of 48.6% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 72.6% yellow and 51.4% black. It has a hue angle of 34 degrees, a saturation of 57% and a lightness of 31%. #7c5522 color hex could be obtained by blending #f8aa44 with #000000. Closest websafe color is: #666633.
-
- R 49
- G 33
- B 13
-
- C 0
- M 31
- Y 73
- K 51
● #7c5522 color description : Dark orange [Brown tone].
#7c5522 Color Conversion
The hexadecimal color #7c5522 has RGB values of R:124, G:85, B:34 and CMYK values of C:0, M:0.31, Y:0.73, K:0.51. Its decimal value is 8148258.
Hex triplet | 7c5522 | #7c5522 |
---|---|---|
RGB Decimal | 124, 85, 34 | rgb(124,85,34) |
RGB Percent | 48.6, 33.3, 13.3 | rgb(48.6%,33.3%,13.3%) |
CMYK | 0, 31, 73, 51 | |
HSL | 34°, 57, 31 | hsl(34,57%,31%) |
HSV (or HSB) | 34°, 72.6, 48.6 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 39.409, 10.95, 35.174 |
---|---|
XYZ | 11.85, 10.898, 2.993 |
xyY | 0.46, 0.423, 10.898 |
CIE-LCH | 39.409, 36.839, 72.708 |
CIE-LUV | 39.409, 30.4, 32.715 |
Hunter-Lab | 33.013, 6.299, 17.734 |
Binary | 01111100, 01010101, 00100010 |
Color Schemes with #7c5522
Alternatives to #7c5522
Below, you can see some colors close to #7c5522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7c5522 Preview
This text has a font color of #7c5522.
<span style="color:#7c5522;">Text here</span>
This paragraph has a background color of #7c5522.
<p style="background-color:#7c5522;">Content here</p>
This element has a border color of #7c5522.
<div style="border:1px solid #7c5522;">Content here</div>
.text {color:#7c5522;}
.background {background-color:#7c5522;}
.border {border:1px solid #7c5522;}
Shades and Tints of #7c5522
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, #010100 is the darkest color, while #fbf6f0 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#100b04
#100b04
rgb(16,11,4)
-
#201609
#201609
rgb(32,22,9)
-
#2f200d
#2f200d
rgb(47,32,13)
-
#3e2b11
#3e2b11
rgb(62,43,17)
-
#4e3515
#4e3515
rgb(78,53,21)
-
#5d401a
#5d401a
rgb(93,64,26)
-
#6d4a1e
#6d4a1e
rgb(109,74,30)
-
#7c5522
#7c5522
rgb(124,85,34)
-
#8b6026
#8b6026
rgb(139,96,38)
-
#9b6a2a
#9b6a2a
rgb(155,106,42)
-
#aa752f
#aa752f
rgb(170,117,47)
-
#ba7f33
#ba7f33
rgb(186,127,51)
-
#c88a38
#c88a38
rgb(200,138,56)
-
#cd9347
#cd9347
rgb(205,147,71)
-
#d19c57
#d19c57
rgb(209,156,87)
-
#d5a566
#d5a566
rgb(213,165,102)
-
#d9ae75
#d9ae75
rgb(217,174,117)
-
#ddb785
#ddb785
rgb(221,183,133)
-
#e2c094
#e2c094
rgb(226,192,148)
-
#e6c9a3
#e6c9a3
rgb(230,201,163)
-
#ead2b3
#ead2b3
rgb(234,210,179)
-
#eedbc2
#eedbc2
rgb(238,219,194)
-
#f3e4d2
#f3e4d2
rgb(243,228,210)
-
#f7ede1
#f7ede1
rgb(247,237,225)
-
#fbf6f0
#fbf6f0
rgb(251,246,240)
Tones of #7c5522
A tone is produced by adding gray to any pure hue. In this case, #514f4d is the less saturated color, while #9a5904 is the most saturated one.
-
#514f4d
#514f4d
rgb(81,79,77)
-
#585046
#585046
rgb(88,80,70)
-
#5e5140
#5e5140
rgb(94,81,64)
-
#64523a
#64523a
rgb(100,82,58)
-
#6a5334
#6a5334
rgb(106,83,52)
-
#70532e
#70532e
rgb(112,83,46)
-
#765428
#765428
rgb(118,84,40)
-
#7c5522
#7c5522
rgb(124,85,34)
-
#82561c
#82561c
rgb(130,86,28)
-
#885716
#885716
rgb(136,87,22)
-
#8e5710
#8e5710
rgb(142,87,16)
-
#94580a
#94580a
rgb(148,88,10)
-
#9a5904
#9a5904
rgb(154,89,4)
Color Blindness Simulator
Below, you can see how #7c5522 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.