#663300 Color Information
In a RGB color space, hex #663300 is composed of 40% red, 20% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 100% yellow and 60% black. It has a hue angle of 30 degrees, a saturation of 100% and a lightness of 20%. #663300 color hex could be obtained by blending #cc6600 with #000000. #663300 (or #630) is a websafe color.
-
- R 40
- G 20
- B 0
-
- C 0
- M 50
- Y 100
- K 60
● #663300 color description : Very dark orange [Brown tone].
#663300 Color Conversion
The hexadecimal color #663300 has RGB values of R:102, G:51, B:0 and CMYK values of C:0, M:0.5, Y:1, K:0.6. Its decimal value is 6697728.
Hex triplet | 663300 | #663300 |
---|---|---|
RGB Decimal | 102, 51, 0 | rgb(102,51,0) |
RGB Percent | 40, 20, 0 | rgb(40%,20%,0%) |
CMYK | 0, 50, 100, 60 | |
HSL | 30°, 100, 20 | hsl(30,100%,20%) |
HSV (or HSB) | 30°, 100, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 27.278, 19.628, 37.713 |
---|---|
XYZ | 6.664, 5.193, 0.651 |
xyY | 0.533, 0.415, 5.193 |
CIE-LCH | 27.278, 42.515, 62.505 |
CIE-LUV | 27.278, 39.097, 25.495 |
Hunter-Lab | 22.788, 12.316, 14.257 |
Binary | 01100110, 00110011, 00000000 |
Color Schemes with #663300
Alternatives to #663300
Below, you can see some colors close to #663300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663300 Preview
This text has a font color of #663300.
<span style="color:#663300;">Text here</span>
This paragraph has a background color of #663300.
<p style="background-color:#663300;">Content here</p>
This element has a border color of #663300.
<div style="border:1px solid #663300;">Content here</div>
.text {color:#663300;}
.background {background-color:#663300;}
.border {border:1px solid #663300;}
Shades and Tints of #663300
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, #040200 is the darkest color, while #fff7ef is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#180c00
#180c00
rgb(24,12,0)
-
#2b1600
#2b1600
rgb(43,22,0)
-
#3f1f00
#3f1f00
rgb(63,31,0)
-
#522900
#522900
rgb(82,41,0)
-
#663300
#663300
rgb(102,51,0)
-
#7a3d00
#7a3d00
rgb(122,61,0)
-
#8d4700
#8d4700
rgb(141,71,0)
-
#a15000
#a15000
rgb(161,80,0)
-
#b45a00
#b45a00
rgb(180,90,0)
-
#c86400
#c86400
rgb(200,100,0)
-
#dc6e00
#dc6e00
rgb(220,110,0)
-
#ef7800
#ef7800
rgb(239,120,0)
-
#ff8104
#ff8104
rgb(255,129,4)
-
#ff8b18
#ff8b18
rgb(255,139,24)
-
#ff952b
#ff952b
rgb(255,149,43)
-
#ff9f3f
#ff9f3f
rgb(255,159,63)
-
#ffa952
#ffa952
rgb(255,169,82)
-
#ffb366
#ffb366
rgb(255,179,102)
-
#ffbc7a
#ffbc7a
rgb(255,188,122)
-
#ffc68d
#ffc68d
rgb(255,198,141)
-
#ffd0a1
#ffd0a1
rgb(255,208,161)
-
#ffdab4
#ffdab4
rgb(255,218,180)
-
#ffe4c8
#ffe4c8
rgb(255,228,200)
-
#ffeddc
#ffeddc
rgb(255,237,220)
-
#fff7ef
#fff7ef
rgb(255,247,239)
Tones of #663300
A tone is produced by adding gray to any pure hue. In this case, #37332f is the less saturated color, while #663300 is the most saturated one.
-
#37332f
#37332f
rgb(55,51,47)
-
#3b332b
#3b332b
rgb(59,51,43)
-
#3f3327
#3f3327
rgb(63,51,39)
-
#433323
#433323
rgb(67,51,35)
-
#47331f
#47331f
rgb(71,51,31)
-
#4b331b
#4b331b
rgb(75,51,27)
-
#4e3318
#4e3318
rgb(78,51,24)
-
#523314
#523314
rgb(82,51,20)
-
#563310
#563310
rgb(86,51,16)
-
#5a330c
#5a330c
rgb(90,51,12)
-
#5e3308
#5e3308
rgb(94,51,8)
-
#623304
#623304
rgb(98,51,4)
-
#663300
#663300
rgb(102,51,0)
Color Blindness Simulator
Below, you can see how #663300 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.