COLOR INTELLIGENCE

Start with a color. Finish with a decision.

Enter a hex value or choose a starting tool. HexCheck keeps the color connected as you inspect it, test it, build with it, or apply it in a real-world workflow.

COLOR UTILITY
#

This color has a permanent URL:

RGB
HSL
Luminance
Best text

Readable text

· Open Contrast Lab
White text
Black text

Related colors

Build a palette
#8493AA

COLOR ENCYCLOPEDIA

#8493AA color values and accessibility

#8493AA is a mid-tone muted blue color. Its RGB value is 132, 147, 170, and its HSL value is 216°, 18%, 59%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.

HEX#8493AA
RGBrgb(132, 147, 170)
HSLhsl(216 18% 59%)
Relative luminance0.2868

Contrast with black and white

On #8493AA, black text provides the stronger black-or-white contrast. WCAG contrast still depends on the actual foreground, background, text size, and component being evaluated.

White · 3.12:1AA normal: Fail · AAA normal: Fail
Black · 6.74:1AA normal: Pass · AAA normal: Fail

For WCAG 2.x, normal text uses 4.5:1 for AA and 7:1 for AAA. Qualifying large text uses 3:1 for AA and 4.5:1 for AAA.

Quick tints and shades

These references are simple RGB mixes with white or black. They are useful starting points for exploration, not a substitute for perceptual palette tuning or contrast testing.

#96A3B7
#A9B3C4
#707D91
#5C6777

Use #8493AA in CSS

HEX, RGB, and HSL represent the same encoded sRGB color in different notations. Choose the form that fits the code or design system you are working in.

color: #8493AA;
background-color: #8493AA;
--color-reference: #8493AA;

What the luminance tells you

Relative luminance is the WCAG calculation used to derive contrast ratio. #8493AA has a relative luminance of 0.2868 on the 0-to-1 scale. That is why its contrast is 3.12:1 against white and 6.74:1 against black.

Common questions about #8493AA

What is #8493AA in RGB?

#8493AA is rgb(132, 147, 170).

What is #8493AA in HSL?

#8493AA is hsl(216 18% 59%).

Should I use black or white text on #8493AA?

Black has the stronger contrast of the two: black is 6.74:1 and white is 3.12:1. Check the applicable WCAG target and the real interface context before finalizing the text color.

HEXCHECK

Choose the next color task

Match this color to a room surface

Paint references
Open Paint Match

See this color under different light

Daylight and bulbs
Open Lighting Simulator

Apply this color to a complete room

Walls, trim, and surfaces
Open Room Preview

Coordinate this color with materials

Wood, stone, metal, and textile
Open Material Colors

Compare complexion direction

Complexion analysis
Open Undertone

Build an outfit around this color

Role-based styling
Open Outfit Palette

Browse curated color systems

Brands and systems
Open Color Collections

Build a gradient

Pro feature preview
Open Gradient Studio

Build a complete palette

Pro feature preview
Open Palette Studio

Pick from a camera or image

Pro feature preview
Open Image & Camera Picker

Developer formats · Pro

Values and copy unlock with Pro

Accessibility

WCAG contrast
White text
Black text
Open Contrast Lab

Developer export · Pro

Ready to paste
Upgrade to Pro to unlock developer exports.

Saved colors · Pro

Upgrade to Pro to save colors.

Recent colors · Pro

Upgrade to Pro to keep color history.