Color Blue Horror aqua-blue (#a2bad2):
HEX, RGB color codes for HTML and CSS

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

Blue Horror is a color with a HTML hex code of #a2bad2.

Hue Family:
aqua-blues

aqua-blues Family:
neutral

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
light

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Blue Horror / #a2bad2

The HTML HEX code is #a2bad2. The corresponding color name is "Blue Horror". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 162%, Green (G): 186%, Blue (B): 210%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 23%, Magenta (M): 11%, Yellow (Y):0%, Black (K): 18%. In the HSL color space, #a2bad2 has a hue of 210°, saturation of 35%, and lightness of 73%. The HSV representation is 210° for hue, 23% for saturation, and 82% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 74, a* (green to red) = -3, and b* (blue to yellow) = -15. The XYZ representation is X: 44, Y: 47, Z: 68. In the YUV color space, it translates to Y (luminance) = 0.7120, U (chrominance) = 0.0549, and V (chrominance) = -0.0673.

The decimal value of the color is 10664658. The closest Web-safe HEX code is #99CCCC. Variations of the colour are #E7EDF3 for a 20% lighter version and #5D87B1 for a 20% darker version.

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

The approximate wavelength of #a2bad2 is around 485.00nm.

VALUECSS
HEX Codea2bad2#a2bad2
RGB Decimal Code162, 186, 210rgb(162, 186, 210)
CMYK23, 11, 0, 18/
HSL210°, 35%, 73%hsl(210°, 35%, 73%)
HSV210°, 23%, 82%/
CIE-LAB74, -3, -15/
XYZ 44, 47, 68/
YUV0.7120, 0.0549, -0.0673/
Decimal value10664658/
Web-Safe HEX99CCCC#99CCCC
Color Temperature (CT)9804 Kelvin (9804K)/
Estimate Wavelengtharound 485.00nm/

The Depth and Diversity of Blue Horror (Hex: #a2bad2): Exploring its Impact in Design and Culture

#a2bad2, also known as Blue Horror, is a light, pastel blue color that resembles the peaceful tranquility of a clear summer sky. Its cool undertones evoke a sense of serenity and calmness, reminiscent of a calm ocean on a sunny day. This color is often used in branding and design to convey reliability, trustworthiness, and a sense of freshness. Blue Horror can be compared to elements such as a delicate robins egg, a calm lake reflecting the sky, or the pale petals of a forget-me-not flower.

Download Stunning Blue Horror Wallpapers and Backgrounds

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

Experience Elegance with Blue Horror 4K Wallpaper

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

Tints and Shades of #a2bad2 HEX color (Blue Horror)

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 #a2bad2, 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
  • #E8EEF4
  • #D1DDE9
  • #B9CBDD
  • #a2bad2
  • #7A8C9E
  • #515D69
  • #292F35
  • #000000

Tones of Blue Horror (#a2bad2 HEX color)

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

  • #94a3b1
  • #98a9b9
  • #9baec2
  • #9fb4ca
  • #a2bad2
  • #546677
  • #4d6176
  • #465d74
  • #3e5873

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #a2bad2; }

Text with hexadecimal color #a2bad2

This is a sample text with color #a2bad2.

Background Color with #a2bad2

This is a example with background color #a2bad2.

Border Color with #a2bad2

This is a example of a border with #a2bad2.

#a2bad2 Color Preview on White (#ffffff) Background

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

#a2bad2 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#a2bad2
#D2BAA2

Analogous Colors

#80C2C2
#80B1C2
#C4DBE3
#A2BAD2
#C4CCE3
#8090C2
#8080C2

Split Complementary Colors

#D2A2A2
#A2BAD2
#D2D2A2

Triadic Colors

#D2A2BA
#A2BAD2
#BAD2A2

Tetradic Colors

#D2A2D2
#D2BAA2
#A2D2A2