Color Foxflower Viola aqua-blue (#a2acc5):
HEX, RGB color codes for HTML and CSS

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

Foxflower Viola is a color with a HTML hex code of #a2acc5.

Hue Family:

aqua-blues Family:

weakly saturated

colorful tone




low chroma

Color Information about Foxflower Viola / #a2acc5

The HTML HEX code is #a2acc5. The corresponding color name is "Foxflower Viola". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 162%, Green (G): 172%, Blue (B): 197%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 18%, Magenta (M): 13%, Yellow (Y):0%, Black (K): 23%. In the HSL color space, #a2acc5 has a hue of 223°, saturation of 23%, and lightness of 70%. The HSV representation is 223° for hue, 18% for saturation, and 77% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 70, a* (green to red) = 2, and b* (blue to yellow) = -14. The XYZ representation is X: 40, Y: 41, Z: 59. In the YUV color space, it translates to Y (luminance) = 0.6740, U (chrominance) = 0.0485, and V (chrominance) = -0.0339.

The decimal value of the color is 10661061. The closest Web-safe HEX code is #9999CC. Variations of the colour are #E0E3EB for a 20% lighter version and #62739D for a 20% darker version.

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

The approximate wavelength of #a2acc5 is around 478.50nm.

HEX Codea2acc5#a2acc5
RGB Decimal Code162, 172, 197rgb(162, 172, 197)
CMYK18, 13, 0, 23/
HSL223°, 23%, 70%hsl(223°, 23%, 70%)
HSV223°, 18%, 77%/
CIE-LAB70, 2, -14/
XYZ 40, 41, 59/
YUV0.6740, 0.0485, -0.0339/
Decimal value10661061/
Web-Safe HEX9999CC#9999CC
Color Temperature (CT)9181 Kelvin (9181K)/
Estimate Wavelengtharound 478.50nm/

The Depth and Diversity of Foxflower Viola (Hex: #a2acc5): Exploring its Impact in Design and Culture

The hex color #a2acc5, also known as Foxflower Viola, is reminiscent of twilight skies enveloped in a blanket of serenity. Its soft, muted shades mirror the ethereal beauty of delicate flowers dancing in the wind. Foxflower Viola gracefully captures the essence of a tranquil meadow, where time stands still and worries fade away. This color evokes a sense of calm and relaxation, like a gentle lullaby that soothes the soul. It is akin to the hushed whispers of leaves rustling in the breeze and the fleeting beauty of a fading sunset.

Download Stunning Foxflower Viola Wallpapers and Backgrounds

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

Experience Elegance with Foxflower Viola 4K Wallpaper

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

Tints and Shades of #a2acc5 HEX color (Foxflower Viola)

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 #a2acc5, 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
  • #E8EAF1
  • #D1D6E2
  • #B9C1D4
  • #a2acc5
  • #7A8194
  • #515663
  • #292B31
  • #000000

Tones of Foxflower Viola (#a2acc5 HEX color)

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

  • #949aa9
  • #989fb0
  • #9ba3b7
  • #9fa8be
  • #a2acc5
  • #575d6c
  • #505769
  • #4a5266
  • #434c62

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #a2acc5; }

Text with hexadecimal color #a2acc5

This is a sample text with color #a2acc5.

Background Color with #a2acc5

This is a example with background color #a2acc5.

Border Color with #a2acc5

This is a example of a border with #a2acc5.

#a2acc5 Color Preview on White (#ffffff) Background

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

#a2acc5 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors