#663366 Color Information
In a RGB color space, hex #663366 is composed of 40% red, 20% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 0% yellow and 60% black. It has a hue angle of 300 degrees, a saturation of 33.3% and a lightness of 30%. #663366 color hex could be obtained by blending #cc66cc with #000000. #663366 (or #636) is a websafe color.
-
- R 40
- G 20
- B 40
-
- C 0
- M 50
- Y 0
- K 60
● #663366 color description : Very dark desaturated magenta.
#663366 Color Conversion
The hexadecimal color #663366 has RGB values of R:102, G:51, B:102 and CMYK values of C:0, M:0.5, Y:0, K:0.6. Its decimal value is 6697830.
Hex triplet | 663366 | #663366 |
---|---|---|
RGB Decimal | 102, 51, 102 | rgb(102,51,102) |
RGB Percent | 40, 20, 40 | rgb(40%,20%,40%) |
CMYK | 0, 50, 0, 60 | |
HSL | 300°, 33.3, 30 | hsl(300,33.3%,30%) |
HSV (or HSB) | 300°, 50, 40 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 29.793, 31.029, -20.23 |
---|---|
XYZ | 9.061, 6.152, 13.28 |
xyY | 0.318, 0.216, 6.152 |
CIE-LCH | 29.793, 37.041, 326.897 |
CIE-LUV | 29.793, 22.807, -29.496 |
Hunter-Lab | 24.804, 21.804, -14.381 |
Binary | 01100110, 00110011, 01100110 |
Color Schemes with #663366
Alternatives to #663366
Below, you can see some colors close to #663366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663366 Preview
This text has a font color of #663366.
<span style="color:#663366;">Text here</span>
This paragraph has a background color of #663366.
<p style="background-color:#663366;">Content here</p>
This element has a border color of #663366.
<div style="border:1px solid #663366;">Content here</div>
.text {color:#663366;}
.background {background-color:#663366;}
.border {border:1px solid #663366;}
Shades and Tints of #663366
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, #0a050a is the darkest color, while #fefcfe is the lightest one.
-
#0a050a
#0a050a
rgb(10,5,10)
-
#180c18
#180c18
rgb(24,12,24)
-
#251225
#251225
rgb(37,18,37)
-
#321932
#321932
rgb(50,25,50)
-
#3f1f3f
#3f1f3f
rgb(63,31,63)
-
#4c264c
#4c264c
rgb(76,38,76)
-
#592c59
#592c59
rgb(89,44,89)
-
#663366
#663366
rgb(102,51,102)
-
#733a73
#733a73
rgb(115,58,115)
-
#804080
#804080
rgb(128,64,128)
-
#8d478d
#8d478d
rgb(141,71,141)
-
#9a4d9a
#9a4d9a
rgb(154,77,154)
-
#a754a7
#a754a7
rgb(167,84,167)
-
#af5faf
#af5faf
rgb(175,95,175)
-
#b66db6
#b66db6
rgb(182,109,182)
-
#bc7abc
#bc7abc
rgb(188,122,188)
-
#c387c3
#c387c3
rgb(195,135,195)
-
#c994c9
#c994c9
rgb(201,148,201)
-
#d0a1d0
#d0a1d0
rgb(208,161,208)
-
#d6aed6
#d6aed6
rgb(214,174,214)
-
#ddbbdd
#ddbbdd
rgb(221,187,221)
-
#e4c8e4
#e4c8e4
rgb(228,200,228)
-
#ead5ea
#ead5ea
rgb(234,213,234)
-
#f1e2f1
#f1e2f1
rgb(241,226,241)
-
#f7eff7
#f7eff7
rgb(247,239,247)
-
#fefcfe
#fefcfe
rgb(254,252,254)
Tones of #663366
A tone is produced by adding gray to any pure hue. In this case, #4e4b4e is the less saturated color, while #950495 is the most saturated one.
-
#4e4b4e
#4e4b4e
rgb(78,75,78)
-
#544554
#544554
rgb(84,69,84)
-
#5a3f5a
#5a3f5a
rgb(90,63,90)
-
#603960
#603960
rgb(96,57,96)
-
#663366
#663366
rgb(102,51,102)
-
#6c2d6c
#6c2d6c
rgb(108,45,108)
-
#722772
#722772
rgb(114,39,114)
-
#782178
#782178
rgb(120,33,120)
-
#7e1b7e
#7e1b7e
rgb(126,27,126)
-
#831683
#831683
rgb(131,22,131)
-
#891089
#891089
rgb(137,16,137)
-
#8f0a8f
#8f0a8f
rgb(143,10,143)
-
#950495
#950495
rgb(149,4,149)
Color Blindness Simulator
Below, you can see how #663366 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.