Color Loyal aqua-blue (#d2e1f0):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Loyal aqua-blue (#d2e1f0):
Its Meaning and Harmonious Color Matches in Design.

Loyal is a color with a HTML hex code of #d2e1f0.

Hue Family:

aqua-blues Family:

weakly saturated





low chroma

Color Information about Loyal / #d2e1f0

The HTML HEX code is #d2e1f0. The corresponding color name is "Loyal". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 210%, Green (G): 225%, Blue (B): 240%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 13%, Magenta (M): 6%, Yellow (Y):0%, Black (K): 6%. In the HSL color space, #d2e1f0 has a hue of 210°, saturation of 50%, and lightness of 88%. The HSV representation is 210° for hue, 13% for saturation, and 94% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 89, a* (green to red) = -2, and b* (blue to yellow) = -9. The XYZ representation is X: 69, Y: 74, Z: 93. In the YUV color space, it translates to Y (luminance) = 0.8715, U (chrominance) = 0.0343, and V (chrominance) = -0.0421.

The decimal value of the color is 13820400. The closest Web-safe HEX code is #CCCCFF. Variations of the colour are #FFFFFF for a 20% lighter version and #85ADD6 for a 20% darker version.

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

The approximate wavelength of #d2e1f0 is around 485.00nm.

HEX Coded2e1f0#d2e1f0
RGB Decimal Code210, 225, 240rgb(210, 225, 240)
CMYK13, 6, 0, 6/
HSL210°, 50%, 88%hsl(210°, 50%, 88%)
HSV210°, 13%, 94%/
CIE-LAB89, -2, -9/
XYZ 69, 74, 93/
YUV0.8715, 0.0343, -0.0421/
Decimal value13820400/
Color Temperature (CT)7947 Kelvin (7947K)/
Estimate Wavelengtharound 485.00nm/

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

The hex color #d2e1f0, named Loyal, shares similarities with the natural element of a calm and serene body of water. Its soft blue hue resembles the tranquil waters of a peaceful lake or a gentle stream. This shade of blue evokes a sense of trust and loyalty, much like the unwavering fidelity one may find in a lifelong companion. Just as water is essential for life, Loyal represents a steadfastness and reliability that can be relied upon in various contexts, whether it be a brand, a product, or a person.

Download Stunning Loyal Wallpapers and Backgrounds

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

Experience Elegance with Loyal 4K Wallpaper

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

Tints and Shades of #d2e1f0 HEX color (Loyal)

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 #d2e1f0, 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
  • #F4F8FB
  • #E9F0F8
  • #DDE9F4
  • #d2e1f0
  • #9EA9B4
  • #697178
  • #35383C
  • #000000

Tones of Loyal (#d2e1f0 HEX color)

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

  • #b1bac3
  • #b9c4ce
  • #c2ceda
  • #cad7e5
  • #d2e1f0
  • #587da2
  • #517da7
  • #4a7cad
  • #447cb2

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #d2e1f0; }

Text with hexadecimal color #d2e1f0

This is a sample text with color #d2e1f0.

Background Color with #d2e1f0

This is a example with background color #d2e1f0.

Border Color with #d2e1f0

This is a example of a border with #d2e1f0.

#d2e1f0 Color Preview on White (#ffffff) Background

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

#d2e1f0 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors