HEX Color Conversion

Hex Color Code #A8A8A9 — RGB & HSL Conversions

How to use the #A8A8A9 color code in HTML & CSS?

To apply the hex color #A8A8A9 in web design, set the color property inside your CSS stylesheet. For example, adding background-color: #A8A8A9; will paint elements in this cool undertone shade. In modern CSS structures, you can configure it as a custom variable --color-hex: #A8A8A9; or utilize it directly in Tailwind CSS via arbitrary utility values like bg-[#A8A8A9].

What are the RGB and HSL conversion values for #A8A8A9?

In the digital sRGB color space, the hex value #A8A8A9 is converted to RGB values of Red: 168, Green: 168, and Blue: 169. When analyzed under the HSL model, its coordinates correspond to hue angle 240°, 1% saturation, and 66% lightness. This makes it visually a balanced medium tone with a highly muted, near-gray tone.

CMYK print code settings for #A8A8A9

When converting #A8A8A9 for CMYK printing, the color separation consists of 1% Cyan, 1% Magenta, 0% Yellow, and 34% key/black. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.

Red Channel 168
Green Channel 168
Blue Channel 169
Luminance 0.392

HEX #A8A8A9 Color Space Conversions

Click to copy format
HEX Color Code #A8A8A9
RGB (Red Green Blue) rgb(168, 168, 169)
HSL (Hue Sat Light) hsl(240°, 1%, 66%)
CMYK (Commercial Print) cmyk(1%, 1%, 0%, 34%)
HSV / HSB Values hsv(240°, 1%, 66%)
Decimal Color Code 11053225
CSS Custom Variable --color-hex: #A8A8A9;
Tailwind CSS Utility bg-[#A8A8A9]

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #A8A8A9

Small body copy preview

Black Text on Background

Black text readability test with #A8A8A9

Small body copy preview

Complementary & Analogous Harmonies

Perfect matching color schemes for your designs

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for color #A8A8A9 */
--color-hex: #A8A8A9;
--color-rgb: rgb(168, 168, 169);
--color-hsl: hsl(240deg, 1%, 66%);

Adjacent HEX Color Codes

Copied!