#564786 Color Informations
This page lists more detailed information about the hex color code #564786(also known as gigas color). In a RGB color space, hex #564786 is composed of 86(33.73%) red, 71(27.84%) green and 134(52.55%) blue. Its decimal value is 5654406. In a CMYK color space, it is consist of 35.82% cyan, 47.01% magenta, 0% yellow and 47.45% black. It has a hue angle of 254.29 degrees, a saturation of 30.73% and a lightness of 40.2%.
Color #564786 contains mostly Blue color, is a cool color and closest websafe color is #663399. #564786 color hex could be obtained by blending #ac8eff with #00000d. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#564786 color description : dark blue-magenta/dark indigo.
#564786 Color Conversion
-
- Hex triplet 56, 47, 86
- RGB Decimal 86, 71, 134
- RGB Octal 126, 107, 206
- RGB Binary 01010110, 01000111, 10000110
- RGB Percent 33.73%, 27.84%, 52.55%
- XYZ 10.3941, 8.2061, 23.5904
- xyY 0.2464, 0.1945, 8.2061
-
- CMYK 35.82%, 47.01%, 0%, 47.45%
- HSL 254.29°, 30.73, 40.2
- HSV(HSB) 254.29°, 47.01, 52.55
- CIE-L*AB 34.409, 21.825, -33.21
- CIE-L*CH 34.409, 39.74, 303.312
- CIE-L*UV 34.409, 2.554, -47.753
- Hunter-Lab 28.646, 14.636, -28.773
#564786 Color Analysis
Color Schemes with #564786
Complementary Color of #564786 is #778647. Split Complementary Colors of #564786 are #588647 and #867647. Analogous Colors of #564786 are #475886 and #764786. Triadic Colors of #564786 are #478656 and #865647
Shades and Tints of #564786
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, #040306 is the darkest color, while #f9f8fb is the lightest one.
-
#040306
#040306
rgb(4,3,6) -
#0c0a13
#0c0a13
rgb(12,10,19) -
#14111f
#14111f
rgb(20,17,31) -
#1c172c
#1c172c
rgb(28,23,44) -
#251e39
#251e39
rgb(37,30,57) -
#2d2546
#2d2546
rgb(45,37,70) -
#352c53
#352c53
rgb(53,44,83) -
#3d3360
#3d3360
rgb(61,51,96) -
#46396c
#46396c
rgb(70,57,108) -
#4e4079
#4e4079
rgb(78,64,121) -
#564786
#564786
rgb(86,71,134) -
#5e4e93
#5e4e93
rgb(94,78,147) -
#6655a0
#6655a0
rgb(102,85,160)
-
#705eaa
#705eaa
rgb(112,94,170) -
#7b6bb1
#7b6bb1
rgb(123,107,177) -
#8778b7
#8778b7
rgb(135,120,183) -
#9285be
#9285be
rgb(146,133,190) -
#9e91c5
#9e91c5
rgb(158,145,197) -
#a99ecc
#a99ecc
rgb(169,158,204) -
#b4abd3
#b4abd3
rgb(180,171,211) -
#c0b8d9
#c0b8d9
rgb(192,184,217) -
#cbc5e0
#cbc5e0
rgb(203,197,224) -
#d7d1e7
#d7d1e7
rgb(215,209,231) -
#e2deee
#e2deee
rgb(226,222,238) -
#edebf4
#edebf4
rgb(237,235,244) -
#f9f8fb
#f9f8fb
rgb(249,248,251)
Tones of #564786
A tone is produced by adding gray to any pure hue. In this case, #625f6e is the less saturated color, while #3100cd is the most saturated one.
-
#625f6e
#625f6e
rgb(98,95,110) -
#5e5776
#5e5776
rgb(94,87,118) -
#5a4f7e
#5a4f7e
rgb(90,79,126) -
#564786
#564786
rgb(86,71,134) -
#523f8e
#523f8e
rgb(82,63,142) -
#4e3796
#4e3796
rgb(78,55,150) -
#4a2f9e
#4a2f9e
rgb(74,47,158) -
#4527a6
#4527a6
rgb(69,39,166) -
#4120ad
#4120ad
rgb(65,32,173) -
#3d18b5
#3d18b5
rgb(61,24,181) -
#3910bd
#3910bd
rgb(57,16,189) -
#3508c5
#3508c5
rgb(53,8,197) -
#3100cd
#3100cd
rgb(49,0,205)
Alternatives to #564786
Below, site show some colors close to #564786. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#475886
#475886
rgb(71,88,134) -
#475286
#475286
rgb(71,82,134) -
#474d86
#474d86
rgb(71,77,134) -
#474886
#474886
rgb(71,72,134) -
#4c4786
#4c4786
rgb(76,71,134) -
#514786
#514786
rgb(81,71,134) -
#564786
#564786
rgb(86,71,134) -
#5b4786
#5b4786
rgb(91,71,134) -
#614786
#614786
rgb(97,71,134) -
#664786
#664786
rgb(102,71,134) -
#6b4786
#6b4786
rgb(107,71,134) -
#704786
#704786
rgb(112,71,134) -
#764786
#764786
rgb(118,71,134)
#564786 Preview in HTML
This text has a font color of #564786.
<span style="color:#564786;">Text here</span>
#564786 Text Shadow.
<span style="text-shadow:2px 2px 3px #564786;">Text here</span>
This paragraph has a background color of #564786.
<p style="background-color:#564786;">Content here</p>
This element has a border color of #564786.
<div style="border:1px solid #564786;">Content here</div>
.text{color:#564786;}
.background{background-color:#564786;}
.border{border:1px solid #564786;}
Download #564786 color images
Solid color background with hex color code #564786(with the name gigas). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -