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

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

Ariel is a color with a HTML hex code of #aed7ea.

Hue Family:

aqua-blues Family:

weakly saturated





medium chroma

Color Information about Ariel / #aed7ea

The HTML HEX code is #aed7ea. The corresponding color name is "Ariel". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 174%, Green (G): 215%, Blue (B): 234%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 26%, Magenta (M): 8%, Yellow (Y):0%, Black (K): 8%. In the HSL color space, #aed7ea has a hue of 199°, saturation of 59%, and lightness of 80%. The HSV representation is 199° for hue, 26% for saturation, and 92% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 84, a* (green to red) = -9, and b* (blue to yellow) = -14. The XYZ representation is X: 57, Y: 64, Z: 87. In the YUV color space, it translates to Y (luminance) = 0.8036, U (chrominance) = 0.0562, and V (chrominance) = -0.1063.

The decimal value of the color is 11458538. The closest Web-safe HEX code is #99CCFF. Variations of the colour are #FFFFFF for a 20% lighter version and #5DAFD5 for a 20% darker version.

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

The approximate wavelength of #aed7ea is around 490.50nm.

HEX Codeaed7ea#aed7ea
RGB Decimal Code174, 215, 234rgb(174, 215, 234)
CMYK26, 8, 0, 8/
HSL199°, 59%, 80%hsl(199°, 59%, 80%)
HSV199°, 26%, 92%/
CIE-LAB84, -9, -14/
XYZ 57, 64, 87/
YUV0.8036, 0.0562, -0.1063/
Decimal value11458538/
Color Temperature (CT)9738 Kelvin (9738K)/
Estimate Wavelengtharound 490.50nm/

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

The hex color #aed7ea, named Ariel, is reminiscent of the serene sky on a clear summer day, creating a tranquil atmosphere. Its cool undertones reflect the essence of a calm sea, offering a sense of relaxation and tranquillity. This color resonates with natural elements such as the color of soft waves gently lapping the shore or the feathers of a graceful seagull soaring overhead. **In summary, the color Ariel (#aed7ea) evokes the serenity of a clear sky and soothing qualities of the sea, resembling the gentle waves or the captivating flight of a seagull.

Download Stunning Ariel Wallpapers and Backgrounds

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

Experience Elegance with Ariel 4K Wallpaper

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

Tints and Shades of #aed7ea HEX color (Ariel)

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 #aed7ea, 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
  • #EBF5FA
  • #D7EBF5
  • #C2E1EF
  • #aed7ea
  • #83A1B0
  • #576C75
  • #2C363B
  • #000000

Tones of Ariel (#aed7ea HEX color)

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

  • #9cb4c0
  • #a0bdca
  • #a5c6d5
  • #a9cedf
  • #aed7ea
  • #4c7e94
  • #447d98
  • #3b7d9b
  • #337c9f

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #aed7ea; }

Text with hexadecimal color #aed7ea

This is a sample text with color #aed7ea.

Background Color with #aed7ea

This is a example with background color #aed7ea.

Border Color with #aed7ea

This is a example of a border with #aed7ea.

#aed7ea Color Preview on White (#ffffff) Background

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

#aed7ea Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors