#553d3e Color Information
In a RGB color space, hex #553d3e is composed of 33.3% red, 23.9% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.2% magenta, 27.1% yellow and 66.7% black. It has a hue angle of 357.5 degrees, a saturation of 16.4% and a lightness of 28.6%. #553d3e color hex could be obtained by blending #aa7a7c with #000000. Closest websafe color is: #663333.
-
- R 33
- G 24
- B 24
-
- C 0
- M 28
- Y 27
- K 67
● #553d3e color description : Very dark grayish red.
#553d3e Color Conversion
The hexadecimal color #553d3e has RGB values of R:85, G:61, B:62 and CMYK values of C:0, M:0.28, Y:0.27, K:0.67. Its decimal value is 5586238.
| Hex triplet | 553d3e | #553d3e |
|---|---|---|
| RGB Decimal | 85, 61, 62 | rgb(85,61,62) |
| RGB Percent | 33.3, 23.9, 24.3 | rgb(33.3%,23.9%,24.3%) |
| CMYK | 0, 28, 27, 67 | |
| HSL | 357.5°, 16.4, 28.6 | hsl(357.5,16.4%,28.6%) |
| HSV (or HSB) | 357.5°, 28.2, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 28.424, 10.7, 3.522 |
|---|---|
| XYZ | 6.285, 5.617, 5.31 |
| xyY | 0.365, 0.326, 5.617 |
| CIE-LCH | 28.424, 11.265, 18.22 |
| CIE-LUV | 28.424, 14.141, 2.39 |
| Hunter-Lab | 23.7, 5.858, 3.305 |
| Binary | 01010101, 00111101, 00111110 |
Color Schemes with #553d3e
Alternatives to #553d3e
Below, you can see some colors close to #553d3e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553d3e Preview
This text has a font color of #553d3e.
<span style="color:#553d3e;">Text here</span>
This paragraph has a background color of #553d3e.
<p style="background-color:#553d3e;">Content here</p>
This element has a border color of #553d3e.
<div style="border:1px solid #553d3e;">Content here</div>
.text {color:#553d3e;}
.background {background-color:#553d3e;}
.border {border:1px solid #553d3e;}
Shades and Tints of #553d3e
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, #050404 is the darkest color, while #faf9f9 is the lightest one.
-
#050404
#050404rgb(5,4,4) -
#100c0c
#100c0crgb(16,12,12) -
#1c1414
#1c1414rgb(28,20,20) -
#271c1d
#271c1drgb(39,28,29) -
#332425
#332425rgb(51,36,37) -
#3e2d2d
#3e2d2drgb(62,45,45) -
#4a3536
#4a3536rgb(74,53,54) -
#553d3e
#553d3ergb(85,61,62) -
#604546
#604546rgb(96,69,70) -
#6c4d4f
#6c4d4frgb(108,77,79) -
#775657
#775657rgb(119,86,87) -
#835e5f
#835e5frgb(131,94,95) -
#8e6668
#8e6668rgb(142,102,104)
-
#987071
#987071rgb(152,112,113) -
#a07b7d
#a07b7drgb(160,123,125) -
#a88688
#a88688rgb(168,134,136) -
#b19293
#b19293rgb(177,146,147) -
#b99d9e
#b99d9ergb(185,157,158) -
#c1a9aa
#c1a9aargb(193,169,170) -
#c9b4b5
#c9b4b5rgb(201,180,181) -
#d1c0c0
#d1c0c0rgb(209,192,192) -
#dacbcc
#dacbccrgb(218,203,204) -
#e2d6d7
#e2d6d7rgb(226,214,215) -
#eae2e2
#eae2e2rgb(234,226,226) -
#f2eded
#f2ededrgb(242,237,237) -
#faf9f9
#faf9f9rgb(250,249,249)
Tones of #553d3e
A tone is produced by adding gray to any pure hue. In this case, #4a4848 is the less saturated color, while #8d050b is the most saturated one.
-
#4a4848
#4a4848rgb(74,72,72) -
#4f4343
#4f4343rgb(79,67,67) -
#553d3e
#553d3ergb(85,61,62) -
#5b3739
#5b3739rgb(91,55,57) -
#603234
#603234rgb(96,50,52) -
#662c2f
#662c2frgb(102,44,47) -
#6b2729
#6b2729rgb(107,39,41) -
#712124
#712124rgb(113,33,36) -
#771b1f
#771b1frgb(119,27,31) -
#7c161a
#7c161argb(124,22,26) -
#821015
#821015rgb(130,16,21) -
#880a10
#880a10rgb(136,10,16) -
#8d050b
#8d050brgb(141,5,11)
Color Blindness Simulator
Below, you can see how #553d3e 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.
