#553323 Color Information
In a RGB color space, hex #553323 is composed of 33.3% red, 20% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 58.8% yellow and 66.7% black. It has a hue angle of 19.2 degrees, a saturation of 41.7% and a lightness of 23.5%. #553323 color hex could be obtained by blending #aa6646 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 20
- B 14
-
- C 0
- M 40
- Y 59
- K 67
● #553323 color description : Very dark desaturated orange.
#553323 Color Conversion
The hexadecimal color #553323 has RGB values of R:85, G:51, B:35 and CMYK values of C:0, M:0.4, Y:0.59, K:0.67. Its decimal value is 5583651.
| Hex triplet | 553323 | #553323 |
|---|---|---|
| RGB Decimal | 85, 51, 35 | rgb(85,51,35) |
| RGB Percent | 33.3, 20, 13.7 | rgb(33.3%,20%,13.7%) |
| CMYK | 0, 40, 59, 67 | |
| HSL | 19.2°, 41.7, 23.5 | hsl(19.2,41.7%,23.5%) |
| HSV (or HSB) | 19.2°, 58.8, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 25.016, 13.427, 16.512 |
|---|---|
| XYZ | 5.234, 4.421, 2.168 |
| xyY | 0.443, 0.374, 4.421 |
| CIE-LCH | 25.016, 21.283, 50.882 |
| CIE-LUV | 25.016, 22.892, 13.475 |
| Hunter-Lab | 21.025, 7.638, 8.605 |
| Binary | 01010101, 00110011, 00100011 |
Color Schemes with #553323
Alternatives to #553323
Below, you can see some colors close to #553323. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553323 Preview
This text has a font color of #553323.
<span style="color:#553323;">Text here</span>
This paragraph has a background color of #553323.
<p style="background-color:#553323;">Content here</p>
This element has a border color of #553323.
<div style="border:1px solid #553323;">Content here</div>
.text {color:#553323;}
.background {background-color:#553323;}
.border {border:1px solid #553323;}
Shades and Tints of #553323
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, #020101 is the darkest color, while #faf5f3 is the lightest one.
-
#020101
#020101rgb(2,1,1) -
#100906
#100906rgb(16,9,6) -
#1d120c
#1d120crgb(29,18,12) -
#2b1a12
#2b1a12rgb(43,26,18) -
#392218
#392218rgb(57,34,24) -
#472b1d
#472b1drgb(71,43,29) -
#553323
#553323rgb(85,51,35) -
#633b29
#633b29rgb(99,59,41) -
#71442e
#71442ergb(113,68,46) -
#7f4c34
#7f4c34rgb(127,76,52) -
#8d543a
#8d543argb(141,84,58) -
#9a5d40
#9a5d40rgb(154,93,64) -
#a86545
#a86545rgb(168,101,69)
-
#b56e4c
#b56e4crgb(181,110,76) -
#bb795a
#bb795argb(187,121,90) -
#c18468
#c18468rgb(193,132,104) -
#c69076
#c69076rgb(198,144,118) -
#cc9b84
#cc9b84rgb(204,155,132) -
#d2a691
#d2a691rgb(210,166,145) -
#d8b19f
#d8b19frgb(216,177,159) -
#ddbdad
#ddbdadrgb(221,189,173) -
#e3c8bb
#e3c8bbrgb(227,200,187) -
#e9d3c9
#e9d3c9rgb(233,211,201) -
#efded7
#efded7rgb(239,222,215) -
#f4eae5
#f4eae5rgb(244,234,229) -
#faf5f3
#faf5f3rgb(250,245,243)
Tones of #553323
A tone is produced by adding gray to any pure hue. In this case, #3e3b3a is the less saturated color, while #752703 is the most saturated one.
-
#3e3b3a
#3e3b3argb(62,59,58) -
#433a35
#433a35rgb(67,58,53) -
#473831
#473831rgb(71,56,49) -
#4c362c
#4c362crgb(76,54,44) -
#503528
#503528rgb(80,53,40) -
#553323
#553323rgb(85,51,35) -
#5a311e
#5a311ergb(90,49,30) -
#5e301a
#5e301argb(94,48,26) -
#632e15
#632e15rgb(99,46,21) -
#672c11
#672c11rgb(103,44,17) -
#6c2b0c
#6c2b0crgb(108,43,12) -
#712907
#712907rgb(113,41,7) -
#752703
#752703rgb(117,39,3)
Color Blindness Simulator
Below, you can see how #553323 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.
