#563366 Color Information
In a RGB color space, hex #563366 is composed of 33.7% red, 20% green and 40% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 50% magenta, 0% yellow and 60% black. It has a hue angle of 281.2 degrees, a saturation of 33.3% and a lightness of 30%. #563366 color hex could be obtained by blending #ac66cc with #000000. Closest websafe color is: #663366.
-
- R 34
- G 20
- B 40
-
- C 16
- M 50
- Y 0
- K 60
● #563366 color description : Very dark desaturated violet.
#563366 Color Conversion
The hexadecimal color #563366 has RGB values of R:86, G:51, B:102 and CMYK values of C:0.16, M:0.5, Y:0, K:0.6. Its decimal value is 5649254.
Hex triplet | 563366 | #563366 |
---|---|---|
RGB Decimal | 86, 51, 102 | rgb(86,51,102) |
RGB Percent | 33.7, 20, 40 | rgb(33.7%,20%,40%) |
CMYK | 16, 50, 0, 60 | |
HSL | 281.2°, 33.3, 30 | hsl(281.2,33.3%,30%) |
HSV (or HSB) | 281.2°, 50, 40 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 27.588, 25.809, -23.84 |
---|---|
XYZ | 7.42, 5.306, 13.203 |
xyY | 0.286, 0.205, 5.306 |
CIE-LCH | 27.588, 35.135, 317.271 |
CIE-LUV | 27.588, 13.113, -32.708 |
Hunter-Lab | 23.034, 17.188, -17.861 |
Binary | 01010110, 00110011, 01100110 |
Color Schemes with #563366
Alternatives to #563366
Below, you can see some colors close to #563366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#563366 Preview
This text has a font color of #563366.
<span style="color:#563366;">Text here</span>
This paragraph has a background color of #563366.
<p style="background-color:#563366;">Content here</p>
This element has a border color of #563366.
<div style="border:1px solid #563366;">Content here</div>
.text {color:#563366;}
.background {background-color:#563366;}
.border {border:1px solid #563366;}
Shades and Tints of #563366
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, #09050a is the darkest color, while #fdfcfe is the lightest one.
-
#09050a
#09050a
rgb(9,5,10)
-
#140c18
#140c18
rgb(20,12,24)
-
#1f1225
#1f1225
rgb(31,18,37)
-
#2a1932
#2a1932
rgb(42,25,50)
-
#351f3f
#351f3f
rgb(53,31,63)
-
#40264c
#40264c
rgb(64,38,76)
-
#4b2c59
#4b2c59
rgb(75,44,89)
-
#563366
#563366
rgb(86,51,102)
-
#613a73
#613a73
rgb(97,58,115)
-
#6c4080
#6c4080
rgb(108,64,128)
-
#77478d
#77478d
rgb(119,71,141)
-
#824d9a
#824d9a
rgb(130,77,154)
-
#8d54a7
#8d54a7
rgb(141,84,167)
-
#965faf
#965faf
rgb(150,95,175)
-
#9f6db6
#9f6db6
rgb(159,109,182)
-
#a77abc
#a77abc
rgb(167,122,188)
-
#b087c3
#b087c3
rgb(176,135,195)
-
#b994c9
#b994c9
rgb(185,148,201)
-
#c1a1d0
#c1a1d0
rgb(193,161,208)
-
#caaed6
#caaed6
rgb(202,174,214)
-
#d2bbdd
#d2bbdd
rgb(210,187,221)
-
#dbc8e4
#dbc8e4
rgb(219,200,228)
-
#e4d5ea
#e4d5ea
rgb(228,213,234)
-
#ece2f1
#ece2f1
rgb(236,226,241)
-
#f5eff7
#f5eff7
rgb(245,239,247)
-
#fdfcfe
#fdfcfe
rgb(253,252,254)
Tones of #563366
A tone is produced by adding gray to any pure hue. In this case, #4d4b4e is the less saturated color, while #680495 is the most saturated one.
-
#4d4b4e
#4d4b4e
rgb(77,75,78)
-
#4f4554
#4f4554
rgb(79,69,84)
-
#523f5a
#523f5a
rgb(82,63,90)
-
#543960
#543960
rgb(84,57,96)
-
#563366
#563366
rgb(86,51,102)
-
#582d6c
#582d6c
rgb(88,45,108)
-
#5a2772
#5a2772
rgb(90,39,114)
-
#5d2178
#5d2178
rgb(93,33,120)
-
#5f1b7e
#5f1b7e
rgb(95,27,126)
-
#611683
#611683
rgb(97,22,131)
-
#631089
#631089
rgb(99,16,137)
-
#650a8f
#650a8f
rgb(101,10,143)
-
#680495
#680495
rgb(104,4,149)
Color Blindness Simulator
Below, you can see how #563366 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.