#552700 Color Information
In a RGB color space, hex #552700 is composed of 33.3% red, 15.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 100% yellow and 66.7% black. It has a hue angle of 27.5 degrees, a saturation of 100% and a lightness of 16.7%. #552700 color hex could be obtained by blending #aa4e00 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 15
- B 0
-
- C 0
- M 54
- Y 100
- K 67
● #552700 color description : Very dark orange [Brown tone].
#552700 Color Conversion
The hexadecimal color #552700 has RGB values of R:85, G:39, B:0 and CMYK values of C:0, M:0.54, Y:1, K:0.67. Its decimal value is 5580544.
Hex triplet | 552700 | #552700 |
---|---|---|
RGB Decimal | 85, 39, 0 | rgb(85,39,0) |
RGB Percent | 33.3, 15.3, 0 | rgb(33.3%,15.3%,0%) |
CMYK | 0, 54, 100, 67 | |
HSL | 27.5°, 100, 16.7 | hsl(27.5,100%,16.7%) |
HSV (or HSB) | 27.5°, 100, 33.3 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 21.516, 18.8, 31.125 |
---|---|
XYZ | 4.472, 3.383, 0.417 |
xyY | 0.541, 0.409, 3.383 |
CIE-LCH | 21.516, 36.362, 58.868 |
CIE-LUV | 21.516, 33.272, 19.814 |
Hunter-Lab | 18.392, 11.215, 11.529 |
Binary | 01010101, 00100111, 00000000 |
Color Schemes with #552700
Alternatives to #552700
Below, you can see some colors close to #552700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552700 Preview
This text has a font color of #552700.
<span style="color:#552700;">Text here</span>
This paragraph has a background color of #552700.
<p style="background-color:#552700;">Content here</p>
This element has a border color of #552700.
<div style="border:1px solid #552700;">Content here</div>
.text {color:#552700;}
.background {background-color:#552700;}
.border {border:1px solid #552700;}
Shades and Tints of #552700
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, #070300 is the darkest color, while #fff8f2 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0c00
#1a0c00
rgb(26,12,0)
-
#2e1500
#2e1500
rgb(46,21,0)
-
#411e00
#411e00
rgb(65,30,0)
-
#552700
#552700
rgb(85,39,0)
-
#693000
#693000
rgb(105,48,0)
-
#7c3900
#7c3900
rgb(124,57,0)
-
#904200
#904200
rgb(144,66,0)
-
#a34b00
#a34b00
rgb(163,75,0)
-
#b75400
#b75400
rgb(183,84,0)
-
#cb5d00
#cb5d00
rgb(203,93,0)
-
#de6600
#de6600
rgb(222,102,0)
-
#f26f00
#f26f00
rgb(242,111,0)
-
#ff7907
#ff7907
rgb(255,121,7)
-
#ff831a
#ff831a
rgb(255,131,26)
-
#ff8e2e
#ff8e2e
rgb(255,142,46)
-
#ff9841
#ff9841
rgb(255,152,65)
-
#ffa355
#ffa355
rgb(255,163,85)
-
#ffae69
#ffae69
rgb(255,174,105)
-
#ffb87c
#ffb87c
rgb(255,184,124)
-
#ffc390
#ffc390
rgb(255,195,144)
-
#ffcda3
#ffcda3
rgb(255,205,163)
-
#ffd8b7
#ffd8b7
rgb(255,216,183)
-
#ffe3cb
#ffe3cb
rgb(255,227,203)
-
#ffedde
#ffedde
rgb(255,237,222)
-
#fff8f2
#fff8f2
rgb(255,248,242)
Tones of #552700
A tone is produced by adding gray to any pure hue. In this case, #2e2a27 is the less saturated color, while #552700 is the most saturated one.
-
#2e2a27
#2e2a27
rgb(46,42,39)
-
#312a24
#312a24
rgb(49,42,36)
-
#342a21
#342a21
rgb(52,42,33)
-
#38291d
#38291d
rgb(56,41,29)
-
#3b291a
#3b291a
rgb(59,41,26)
-
#3e2917
#3e2917
rgb(62,41,23)
-
#412914
#412914
rgb(65,41,20)
-
#452810
#452810
rgb(69,40,16)
-
#48280d
#48280d
rgb(72,40,13)
-
#4b280a
#4b280a
rgb(75,40,10)
-
#4e2807
#4e2807
rgb(78,40,7)
-
#522703
#522703
rgb(82,39,3)
-
#552700
#552700
rgb(85,39,0)
Color Blindness Simulator
Below, you can see how #552700 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.