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.
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.
VALUE | CSS | |
---|---|---|
HEX Code | a2bad2 | #a2bad2 |
RGB Decimal Code | 162, 186, 210 | rgb(162, 186, 210) |
CMYK | 23, 11, 0, 18 | / |
HSL | 210°, 35%, 73% | hsl(210°, 35%, 73%) |
HSV | 210°, 23%, 82% | / |
CIE-LAB | 74, -3, -15 | / |
XYZ | 44, 47, 68 | / |
YUV | 0.7120, 0.0549, -0.0673 | / |
Decimal value | 10664658 | / |
Web-Safe HEX | 99CCCC | #99CCCC |
Color Temperature (CT) | 9804 Kelvin (9804K) | / |
Estimate Wavelength | around 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 WallpaperTints 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
#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;}