#553522 Color Information
In a RGB color space, hex #553522 is composed of 33.3% red, 20.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 60% yellow and 66.7% black. It has a hue angle of 22.4 degrees, a saturation of 42.9% and a lightness of 23.3%. #553522 color hex could be obtained by blending #aa6a44 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 21
- B 13
-
- C 0
- M 38
- Y 60
- K 67
● #553522 color description : Very dark orange [Brown tone].
#553522 Color Conversion
The hexadecimal color #553522 has RGB values of R:85, G:53, B:34 and CMYK values of C:0, M:0.38, Y:0.6, K:0.67. Its decimal value is 5584162.
Hex triplet | 553522 | #553522 |
---|---|---|
RGB Decimal | 85, 53, 34 | rgb(85,53,34) |
RGB Percent | 33.3, 20.8, 13.3 | rgb(33.3%,20.8%,13.3%) |
CMYK | 0, 38, 60, 67 | |
HSL | 22.4°, 42.9, 23.3 | hsl(22.4,42.9%,23.3%) |
HSV (or HSB) | 22.4°, 60, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 25.543, 12.055, 17.819 |
---|---|
XYZ | 5.308, 4.593, 2.12 |
xyY | 0.442, 0.382, 4.593 |
CIE-LCH | 25.543, 21.513, 55.921 |
CIE-LUV | 25.543, 21.815, 14.864 |
Hunter-Lab | 21.432, 6.704, 9.137 |
Binary | 01010101, 00110101, 00100010 |
Color Schemes with #553522
Alternatives to #553522
Below, you can see some colors close to #553522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553522 Preview
This text has a font color of #553522.
<span style="color:#553522;">Text here</span>
This paragraph has a background color of #553522.
<p style="background-color:#553522;">Content here</p>
This element has a border color of #553522.
<div style="border:1px solid #553522;">Content here</div>
.text {color:#553522;}
.background {background-color:#553522;}
.border {border:1px solid #553522;}
Shades and Tints of #553522
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 #faf5f2 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0f0906
#0f0906
rgb(15,9,6)
-
#1d120c
#1d120c
rgb(29,18,12)
-
#2b1b11
#2b1b11
rgb(43,27,17)
-
#392417
#392417
rgb(57,36,23)
-
#472c1c
#472c1c
rgb(71,44,28)
-
#553522
#553522
rgb(85,53,34)
-
#633e28
#633e28
rgb(99,62,40)
-
#71462d
#71462d
rgb(113,70,45)
-
#7f4f33
#7f4f33
rgb(127,79,51)
-
#8d5838
#8d5838
rgb(141,88,56)
-
#9b613e
#9b613e
rgb(155,97,62)
-
#a96944
#a96944
rgb(169,105,68)
-
#b7724a
#b7724a
rgb(183,114,74)
-
#bc7d58
#bc7d58
rgb(188,125,88)
-
#c28866
#c28866
rgb(194,136,102)
-
#c79374
#c79374
rgb(199,147,116)
-
#cd9e82
#cd9e82
rgb(205,158,130)
-
#d3a990
#d3a990
rgb(211,169,144)
-
#d8b49e
#d8b49e
rgb(216,180,158)
-
#debeac
#debeac
rgb(222,190,172)
-
#e3c9ba
#e3c9ba
rgb(227,201,186)
-
#e9d4c8
#e9d4c8
rgb(233,212,200)
-
#efdfd6
#efdfd6
rgb(239,223,214)
-
#f4eae4
#f4eae4
rgb(244,234,228)
-
#faf5f2
#faf5f2
rgb(250,245,242)
Tones of #553522
A tone is produced by adding gray to any pure hue. In this case, #3e3b39 is the less saturated color, while #752d02 is the most saturated one.
-
#3e3b39
#3e3b39
rgb(62,59,57)
-
#433a34
#433a34
rgb(67,58,52)
-
#473930
#473930
rgb(71,57,48)
-
#4c372b
#4c372b
rgb(76,55,43)
-
#503627
#503627
rgb(80,54,39)
-
#553522
#553522
rgb(85,53,34)
-
#5a341d
#5a341d
rgb(90,52,29)
-
#5e3319
#5e3319
rgb(94,51,25)
-
#633214
#633214
rgb(99,50,20)
-
#673010
#673010
rgb(103,48,16)
-
#6c2f0b
#6c2f0b
rgb(108,47,11)
-
#702e07
#702e07
rgb(112,46,7)
-
#752d02
#752d02
rgb(117,45,2)
Color Blindness Simulator
Below, you can see how #553522 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.