#553701 Color Information
In a RGB color space, hex #553701 is composed of 33.3% red, 21.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 98.8% yellow and 66.7% black. It has a hue angle of 38.6 degrees, a saturation of 97.7% and a lightness of 16.9%. #553701 color hex could be obtained by blending #aa6e02 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 22
- B 0
-
- C 0
- M 35
- Y 99
- K 67
● #553701 color description : Very dark orange [Brown tone].
#553701 Color Conversion
The hexadecimal color #553701 has RGB values of R:85, G:55, B:1 and CMYK values of C:0, M:0.35, Y:0.99, K:0.67. Its decimal value is 5584641.
| Hex triplet | 553701 | #553701 |
|---|---|---|
| RGB Decimal | 85, 55, 1 | rgb(85,55,1) |
| RGB Percent | 33.3, 21.6, 0.4 | rgb(33.3%,21.6%,0.4%) |
| CMYK | 0, 35, 99, 67 | |
| HSL | 38.6°, 97.7, 16.9 | hsl(38.6,97.7%,16.9%) |
| HSV (or HSB) | 38.6°, 98.8, 33.3 | |
| Web Safe | 663300 | #663300 |
| CIE-LAB | 25.762, 8.803, 34.979 |
|---|---|
| XYZ | 5.118, 4.666, 0.66 |
| xyY | 0.49, 0.447, 4.666 |
| CIE-LCH | 25.762, 36.07, 75.874 |
| CIE-LUV | 25.762, 22.681, 25.594 |
| Hunter-Lab | 21.601, 4.49, 13.31 |
| Binary | 01010101, 00110111, 00000001 |
Color Schemes with #553701
Alternatives to #553701
Below, you can see some colors close to #553701. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553701 Preview
This text has a font color of #553701.
<span style="color:#553701;">Text here</span>
This paragraph has a background color of #553701.
<p style="background-color:#553701;">Content here</p>
This element has a border color of #553701.
<div style="border:1px solid #553701;">Content here</div>
.text {color:#553701;}
.background {background-color:#553701;}
.border {border:1px solid #553701;}
Shades and Tints of #553701
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, #070500 is the darkest color, while #fffbf3 is the lightest one.
-
#070500
#070500rgb(7,5,0) -
#1b1100
#1b1100rgb(27,17,0) -
#2e1e01
#2e1e01rgb(46,30,1) -
#422a01
#422a01rgb(66,42,1) -
#553701
#553701rgb(85,55,1) -
#684401
#684401rgb(104,68,1) -
#7c5001
#7c5001rgb(124,80,1) -
#8f5d02
#8f5d02rgb(143,93,2) -
#a36902
#a36902rgb(163,105,2) -
#b67602
#b67602rgb(182,118,2) -
#c98202
#c98202rgb(201,130,2) -
#dd8f03
#dd8f03rgb(221,143,3) -
#f09b03
#f09b03rgb(240,155,3)
-
#fca60a
#fca60argb(252,166,10) -
#fcad1e
#fcad1ergb(252,173,30) -
#fdb431
#fdb431rgb(253,180,49) -
#fdbb45
#fdbb45rgb(253,187,69) -
#fdc258
#fdc258rgb(253,194,88) -
#fdc96b
#fdc96brgb(253,201,107) -
#fdd07f
#fdd07frgb(253,208,127) -
#fed792
#fed792rgb(254,215,146) -
#fedea6
#fedea6rgb(254,222,166) -
#fee5b9
#fee5b9rgb(254,229,185) -
#feedcc
#feedccrgb(254,237,204) -
#fff4e0
#fff4e0rgb(255,244,224) -
#fffbf3
#fffbf3rgb(255,251,243)
Tones of #553701
A tone is produced by adding gray to any pure hue. In this case, #2d2c29 is the less saturated color, while #553701 is the most saturated one.
-
#2d2c29
#2d2c29rgb(45,44,41) -
#312d25
#312d25rgb(49,45,37) -
#342e22
#342e22rgb(52,46,34) -
#372e1f
#372e1frgb(55,46,31) -
#3b2f1b
#3b2f1brgb(59,47,27) -
#3e3018
#3e3018rgb(62,48,24) -
#413115
#413115rgb(65,49,21) -
#443212
#443212rgb(68,50,18) -
#48330e
#48330ergb(72,51,14) -
#4b340b
#4b340brgb(75,52,11) -
#4e3508
#4e3508rgb(78,53,8) -
#523604
#523604rgb(82,54,4) -
#553701
#553701rgb(85,55,1)
Color Blindness Simulator
Below, you can see how #553701 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.
