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

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

Template is a color with a HTML hex code of #a6c9e3.

Hue Family:
aqua-blues

aqua-blues Family:
light-neutral

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
light

Temperature:
cool

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Template / #a6c9e3

The HTML HEX code is #a6c9e3. The corresponding color name is "Template". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 166%, Green (G): 201%, Blue (B): 227%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 27%, Magenta (M): 11%, Yellow (Y):0%, Black (K): 11%. In the HSL color space, #a6c9e3 has a hue of 206°, saturation of 52%, and lightness of 77%. The HSV representation is 206° for hue, 27% for saturation, and 89% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 79, a* (green to red) = -6, and b* (blue to yellow) = -17. The XYZ representation is X: 50, Y: 55, Z: 81. In the YUV color space, it translates to Y (luminance) = 0.7588, U (chrominance) = 0.0647, and V (chrominance) = -0.0946.

The decimal value of the color is 10930659. The closest Web-safe HEX code is #99CCCC. Variations of the colour are #F3F8FB for a 20% lighter version and #5899CA for a 20% darker version.

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

The approximate wavelength of #a6c9e3 is around 487.00nm.

VALUECSS
HEX Codea6c9e3#a6c9e3
RGB Decimal Code166, 201, 227rgb(166, 201, 227)
CMYK27, 11, 0, 11/
HSL206°, 52%, 77%hsl(206°, 52%, 77%)
HSV206°, 27%, 89%/
CIE-LAB79, -6, -17/
XYZ 50, 55, 81/
YUV0.7588, 0.0647, -0.0946/
Decimal value10930659/
Web-Safe HEX99CCCC#99CCCC
Color Temperature (CT)10449 Kelvin (10449K)/
Estimate Wavelengtharound 487.00nm/

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

The color #a6c9e3, named Template, resembles the hues of a calm and serene sky at dusk. Its soft blue undertones evoke a sense of tranquility, like a gentle breeze rustling through a field of lavender. This color can bring to mind the ethereal beauty of a flowing river or the captivating splendor of an iceberg reflecting the sunlight. In nature, it can be found harmoniously blending with delicate pastel flowers, such as forget-me-nots and hydrangeas. Template can be a mesmerizing choice for creating a soothing and peaceful atmosphere in design or branding.

Download Stunning Template Wallpapers and Backgrounds

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

Experience Elegance with Template 4K Wallpaper

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

Tints and Shades of #a6c9e3 HEX color (Template)

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 #a6c9e3, 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
  • #E9F2F8
  • #D3E4F1
  • #BCD7EA
  • #a6c9e3
  • #7D97AA
  • #536572
  • #2A3239
  • #000000

Tones of Template (#a6c9e3 HEX color)

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

  • #97acbb
  • #9bb3c5
  • #9ebacf
  • #a2c2d9
  • #a6c9e3
  • #4e708a
  • #466e8b
  • #3e6b8d
  • #35698e

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #a6c9e3; }

Text with hexadecimal color #a6c9e3

This is a sample text with color #a6c9e3.

Background Color with #a6c9e3

This is a example with background color #a6c9e3.

Border Color with #a6c9e3

This is a example of a border with #a6c9e3.

#a6c9e3 Color Preview on White (#ffffff) Background

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

#a6c9e3 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#a6c9e3
#E3C0A6

Analogous Colors

#7FD7D1
#7FC7D7
#CDE9EF
#A6C8E3
#CDD8EF
#7F9BD7
#7F85D7

Split Complementary Colors

#E3A6AA
#A6C8E3
#E3DFA6

Triadic Colors

#E3A6C8
#A6C8E3
#C8E3A6

Tetradic Colors

#DFA6E3
#E3C0A6
#AAE3A6