#552300 Color Information
In a RGB color space, hex #552300 is composed of 33.3% red, 13.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 100% yellow and 66.7% black. It has a hue angle of 24.7 degrees, a saturation of 100% and a lightness of 16.7%. #552300 color hex could be obtained by blending #aa4600 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 14
- B 0
-
- C 0
- M 59
- Y 100
- K 67
● #552300 color description : Very dark orange [Brown tone].
#552300 Color Conversion
The hexadecimal color #552300 has RGB values of R:85, G:35, B:0 and CMYK values of C:0, M:0.59, Y:1, K:0.67. Its decimal value is 5579520.
Hex triplet | 552300 | #552300 |
---|---|---|
RGB Decimal | 85, 35, 0 | rgb(85,35,0) |
RGB Percent | 33.3, 13.7, 0 | rgb(33.3%,13.7%,0%) |
CMYK | 0, 59, 100, 67 | |
HSL | 24.7°, 100, 16.7 | hsl(24.7,100%,16.7%) |
HSV (or HSB) | 24.7°, 100, 33.3 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 20.572, 21.178, 30.092 |
---|---|
XYZ | 4.348, 3.134, 0.376 |
xyY | 0.553, 0.399, 3.134 |
CIE-LCH | 20.572, 36.797, 54.863 |
CIE-LUV | 20.572, 35.706, 18.471 |
Hunter-Lab | 17.703, 12.858, 11.133 |
Binary | 01010101, 00100011, 00000000 |
Color Schemes with #552300
Alternatives to #552300
Below, you can see some colors close to #552300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552300 Preview
This text has a font color of #552300.
<span style="color:#552300;">Text here</span>
This paragraph has a background color of #552300.
<p style="background-color:#552300;">Content here</p>
This element has a border color of #552300.
<div style="border:1px solid #552300;">Content here</div>
.text {color:#552300;}
.background {background-color:#552300;}
.border {border:1px solid #552300;}
Shades and Tints of #552300
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 #fff7f2 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0b00
#1a0b00
rgb(26,11,0)
-
#2e1300
#2e1300
rgb(46,19,0)
-
#411b00
#411b00
rgb(65,27,0)
-
#552300
#552300
rgb(85,35,0)
-
#692b00
#692b00
rgb(105,43,0)
-
#7c3300
#7c3300
rgb(124,51,0)
-
#903b00
#903b00
rgb(144,59,0)
-
#a34300
#a34300
rgb(163,67,0)
-
#b74b00
#b74b00
rgb(183,75,0)
-
#cb5300
#cb5300
rgb(203,83,0)
-
#de5c00
#de5c00
rgb(222,92,0)
-
#f26400
#f26400
rgb(242,100,0)
-
#ff6d07
#ff6d07
rgb(255,109,7)
-
#ff781a
#ff781a
rgb(255,120,26)
-
#ff842e
#ff842e
rgb(255,132,46)
-
#ff8f41
#ff8f41
rgb(255,143,65)
-
#ff9b55
#ff9b55
rgb(255,155,85)
-
#ffa769
#ffa769
rgb(255,167,105)
-
#ffb27c
#ffb27c
rgb(255,178,124)
-
#ffbe90
#ffbe90
rgb(255,190,144)
-
#ffc9a3
#ffc9a3
rgb(255,201,163)
-
#ffd5b7
#ffd5b7
rgb(255,213,183)
-
#ffe0cb
#ffe0cb
rgb(255,224,203)
-
#ffecde
#ffecde
rgb(255,236,222)
-
#fff7f2
#fff7f2
rgb(255,247,242)
Tones of #552300
A tone is produced by adding gray to any pure hue. In this case, #2e2a27 is the less saturated color, while #552300 is the most saturated one.
-
#2e2a27
#2e2a27
rgb(46,42,39)
-
#312924
#312924
rgb(49,41,36)
-
#342921
#342921
rgb(52,41,33)
-
#38281d
#38281d
rgb(56,40,29)
-
#3b281a
#3b281a
rgb(59,40,26)
-
#3e2717
#3e2717
rgb(62,39,23)
-
#412614
#412614
rgb(65,38,20)
-
#452610
#452610
rgb(69,38,16)
-
#48250d
#48250d
rgb(72,37,13)
-
#4b250a
#4b250a
rgb(75,37,10)
-
#4e2407
#4e2407
rgb(78,36,7)
-
#522403
#522403
rgb(82,36,3)
-
#552300
#552300
rgb(85,35,0)
Color Blindness Simulator
Below, you can see how #552300 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.