Color Atelier aqua-blue (#a3abb8):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Atelier aqua-blue (#a3abb8):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
aqua-blues
aqua-blues Family:
neutral-muted
Saturation:
weakly saturated
Tones:
colorful tone
Shade:
medium
Temperature:
cool
Chromaticity:
chromatic
Chroma:
low chroma
Color Information about Atelier / #a3abb8
The HTML HEX code is #a3abb8. The corresponding color name is "Atelier". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 163%, Green (G): 171%, Blue (B): 184%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 11%, Magenta (M): 7%, Yellow (Y):0%, Black (K): 28%. In the HSL color space, #a3abb8 has a hue of 217°, saturation of 13%, and lightness of 68%. The HSV representation is 217° for hue, 11% for saturation, and 72% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 70, a* (green to red) = 0, and b* (blue to yellow) = -8. The XYZ representation is X: 38, Y: 40, Z: 51. In the YUV color space, it translates to Y (luminance) = 0.6670, U (chrominance) = 0.0268, and V (chrominance) = -0.0244.
The decimal value of the color is 10726328. The closest Web-safe HEX code is #9999CC. Variations of the colour are #DCDFE4 for a 20% lighter version and #6A778A for a 20% darker version.
For the color with hex value #a3abb8, the correlated color temperature (CT) is estimated to be 7843 Kelvin (7843K).
The approximate wavelength of #a3abb8 is around 481.50nm.
VALUE | CSS | |
---|---|---|
HEX Code | a3abb8 | #a3abb8 |
RGB Decimal Code | 163, 171, 184 | rgb(163, 171, 184) |
CMYK | 11, 7, 0, 28 | / |
HSL | 217°, 13%, 68% | hsl(217°, 13%, 68%) |
HSV | 217°, 11%, 72% | / |
CIE-LAB | 70, 0, -8 | / |
XYZ | 38, 40, 51 | / |
YUV | 0.6670, 0.0268, -0.0244 | / |
Decimal value | 10726328 | / |
Web-Safe HEX | 9999CC | #9999CC |
Color Temperature (CT) | 7843 Kelvin (7843K) | / |
Estimate Wavelength | around 481.50nm | / |
The Depth and Diversity of Atelier (Hex: #a3abb8): Exploring its Impact in Design and Culture
The hex color #a3abb8, named Atelier, resembles the soft, soothing hues found in a misty morning sky. It evokes a sense of tranquility and calmness, similar to the stillness of a serene lake at dawn. This color also shares similarities with the delicate petals of forget-me-not flowers, adding a touch of elegance and gracefulness. Atelier exudes a subtle coolness reminiscent of a gentle breeze rustling through the leaves of a quiet forest, creating a peaceful and harmonious atmosphere.
Download Stunning Atelier Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Atelier Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Atelier 4K Wallpaper
Immerse yourself in the beauty of our Atelier 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 Atelier 4K WallpaperTints and Shades of #a3abb8 HEX color (Atelier)
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 #a3abb8, 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
- #E8EAED
- #D1D5DC
- #BAC0CA
- #a3abb8
- #7A808A
- #52565C
- #292B2E
- #000000
Tones of Atelier (#a3abb8 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #a3abb8, #959aa2 is the less saturated color, while #a3abb8 is the most saturated one.
- #959aa2
- #999ea7
- #9ca2ad
- #a0a7b2
- #a3abb8
- #585d64
- #52575f
- #4b515a
- #454b56
HTML Usage Examples
HTML using color code example
<p style="color: #a3abb8;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #a3abb8.
CSS color code example
p { color: #a3abb8; }
Text with hexadecimal color #a3abb8
This is a sample text with color #a3abb8.
Background Color with #a3abb8
This is a example with background color #a3abb8.
Border Color with #a3abb8
#a3abb8 Color Preview on White (#ffffff) Background
This is a example of text with color #a3abb8 on white background.
#a3abb8 Color Preview on Black (#000000) Background
This is a example of text with color #a3abb8 on black background.
CSS codes examples
.text {color:#a3abb8;}
.background {background-color:#a3abb8;}
.border {border:1px solid #a3abb8;}