Color Gigas blue (#564786):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Gigas blue (#564786):
Its Meaning and Harmonious Color Matches in Design.

Gigas is a color with a HTML hex code of #564786.

Hue Family:

blues Family:

moderately saturated

colorful tone




medium chroma

Color Information about Gigas / #564786

The HTML HEX code is #564786. The corresponding color name is "Gigas". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 86%, Green (G): 71%, Blue (B): 134%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 36%, Magenta (M): 47%, Yellow (Y):0%, Black (K): 47%. In the HSL color space, #564786 has a hue of 254°, saturation of 31%, and lightness of 40%. The HSV representation is 254° for hue, 47% for saturation, and 53% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 34, a* (green to red) = 22, and b* (blue to yellow) = -33. The XYZ representation is X: 10, Y: 8, Z: 24. In the YUV color space, it translates to Y (luminance) = 0.3242, U (chrominance) = 0.0991, and V (chrominance) = 0.0115.

The decimal value of the color is 5654406. The closest Web-safe HEX code is #663399. Variations of the colour are #8879B9 for a 20% lighter version and #2B2343 for a 20% darker version.

For the color with hex value #564786, the correlated color temperature (CT) is estimated to be 842122 Kelvin (842122K).

The approximate wavelength of #564786 is around 460.67nm.

HEX Code564786#564786
RGB Decimal Code86, 71, 134rgb(86, 71, 134)
CMYK36, 47, 0, 47/
HSL254°, 31%, 40%hsl(254°, 31%, 40%)
HSV254°, 47%, 53%/
CIE-LAB34, 22, -33/
XYZ 10, 8, 24/
YUV0.3242, 0.0991, 0.0115/
Decimal value5654406/
Web-Safe HEX663399#663399
Color Temperature (CT)842122 Kelvin (842122K)/
Estimate Wavelengtharound 460.67nm/

The Depth and Diversity of Gigas (Hex: #564786): Exploring its Impact in Design and Culture

The hex color #564786, also known as Gigas, is a deep, rich purple with hints of blue undertones. It evokes a sense of mystery and sophistication, similar to the grandeur of a twilight sky at dusk. This color resembles the regal blooms of a rare orchid, the majestic feathers of a peacock, and the depths of an ocean abyss. Its allure is akin to the velvety petals of a dark burgundy rose, the iridescence of a beetles wing, and the mesmerizing twilight hues reflected in a calm lake. Gigas is a color that exudes elegance, allure, and a touch of enchantment.

Download Stunning Gigas Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Gigas Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Gigas 4K Wallpaper

Immerse yourself in the beauty of our Gigas 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Gigas 4K Wallpaper

Tints and Shades of #564786 HEX color (Gigas)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #564786, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #D5D1E1
  • #ABA3C3
  • #8075A4
  • #564786
  • #413565
  • #2B2443
  • #161222
  • #000000

Tones of Gigas (#564786 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #564786, #675e84 is the less saturated color, while #564786 is the most saturated one.

  • #675e84
  • #635884
  • #5e5285
  • #5a4d85
  • #564786
  • #333334
  • #262627
  • #1a1a1a
  • #0d0d0e

HTML Usage Examples

HTML using color code example

<p style="color: #564786;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #564786.

CSS color code example

p { color: #564786; }

Text with hexadecimal color #564786

This is a sample text with color #564786.

Background Color with #564786

This is a example with background color #564786.

Border Color with #564786

This is a example of a border with #564786.

#564786 Color Preview on White (#ffffff) Background

This is a example of text with color #564786 on white background.

#564786 Color Preview on Black (#000000) Background

This is a example of text with color #564786 on black background.

CSS codes examples

.text {color:#564786;}
.background {background-color:#564786;}
.border {border:1px solid #564786;}

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors