Color Twilight blue (#4e518b):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Twilight blue (#4e518b):
Its Meaning and Harmonious Color Matches in Design.

Twilight is a color with a HTML hex code of #4e518b.

Hue Family:
blues

blues Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Twilight / #4e518b

The HTML HEX code is #4e518b. The corresponding color name is "Twilight". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 78%, Green (G): 81%, Blue (B): 139%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 44%, Magenta (M): 42%, Yellow (Y):0%, Black (K): 45%. In the HSL color space, #4e518b has a hue of 237°, saturation of 28%, and lightness of 43%. The HSV representation is 237° for hue, 44% for saturation, and 55% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 37, a* (green to red) = 15, and b* (blue to yellow) = -33. The XYZ representation is X: 11, Y: 9, Z: 26. In the YUV color space, it translates to Y (luminance) = 0.3401, U (chrominance) = 0.1009, and V (chrominance) = -0.0300.

The decimal value of the color is 5132683. The closest Web-safe HEX code is #666699. Variations of the colour are #8689BB for a 20% lighter version and #2A2C4B for a 20% darker version.

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

The approximate wavelength of #4e518b is around 471.50nm.

VALUECSS
HEX Code4e518b#4e518b
RGB Decimal Code78, 81, 139rgb(78, 81, 139)
CMYK44, 42, 0, 45/
HSL237°, 28%, 43%hsl(237°, 28%, 43%)
HSV237°, 44%, 55%/
CIE-LAB37, 15, -33/
XYZ 11, 9, 26/
YUV0.3401, 0.1009, -0.0300/
Decimal value5132683/
Web-Safe HEX666699#666699
Color Temperature (CT)196682 Kelvin (196682K)/
Estimate Wavelengtharound 471.50nm/

The Depth and Diversity of Twilight (Hex: #4e518b): Exploring its Impact in Design and Culture

Twilight (#4e518b) is a deep and mysterious color that evokes the feeling of dusk settling in. Its similarity to natural elements lies in the dusky purple hue of a lavender field at twilight. This color also resembles the deep shades of twilight in a dense forest, where the suns golden rays filter through the dark foliage. In urban settings, Twilight can be compared to the vibrant glow of city lights reflecting off a rainy street, creating a captivating and atmospheric aura.

Download Stunning Twilight Wallpapers and Backgrounds

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

Experience Elegance with Twilight 4K Wallpaper

Immerse yourself in the beauty of our Twilight 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 Twilight 4K Wallpaper

Tints and Shades of #4e518b HEX color (Twilight)

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 #4e518b, 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
  • #D3D4E2
  • #A7A8C5
  • #7A7DA8
  • #4e518b
  • #3B3D68
  • #272946
  • #141423
  • #000000

Tones of Twilight (#4e518b HEX color)

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

  • #626487
  • #5d5f88
  • #585a89
  • #53568a
  • #4e518b
  • #363638
  • #2a2a2c
  • #1e1e20
  • #111114

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #4e518b; }

Text with hexadecimal color #4e518b

This is a sample text with color #4e518b.

Background Color with #4e518b

This is a example with background color #4e518b.

Border Color with #4e518b

This is a example of a border with #4e518b.

#4e518b Color Preview on White (#ffffff) Background

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

#4e518b Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#4e518b
#8C894F

Analogous Colors

#3D576C
#3D4B6C
#667AA9
#4F528C
#7366A9
#463D6C
#523D6C

Split Complementary Colors

#8C6B4F
#4F528C
#718C4F

Triadic Colors

#8C4F52
#4F528C
#528C4F

Tetradic Colors

#8C4F71
#8C894F
#4F8C6B