#A29CC2

Accessibility

AAA

8.07:1

Vs white / black

2.6:1 · 8.07:1

Sources

Library color

Codes

Formats

HEX

#a29cc2

RGB

rgb(162, 156, 194)

RGBA

rgba(162, 156, 194, 1)

HSL

hsl(249, 24%, 69%)

HSLA

hsla(249, 24%, 69%, 1)

HSV

hsv(249, 20%, 76%)

LAB

lab(66.02% 9.97 -18.75)

LCH

lch(66.02% 21.24 298)

OKLAB

oklab(0.7108 0.0208 -0.0511)

OKLCH

oklch(0.7108 0.0552 292.15)

XYZ

xyz(36.52, 35.35, 55.93)

CMYK

cmyk(16%, 20%, 0%, 24%)

CSS

color: #a29cc2;

CSS variable

--color-a29cc2: #a29cc2;

SCSS

$color-a29cc2: #a29cc2;

JavaScript

const color = "#a29cc2";

TypeScript

const color: string = "#a29cc2";

React

style={{ backgroundColor: "#a29cc2" }}

JSON

{ "hex": "#a29cc2", "rgb": { "r": 162, "g": 156, "b": 194 }, "oklch": "oklch(0.7108 0.0552 292.15)" }

Export

Developer code

css

:root {
  --#a29cc2-1: #a29cc2;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

slate-400

Very different · ΔE 11.08 · #94A3B8

Nearest CSS named color

Thistle

Very different · ΔE 13.09 · #D8BFD8

Nearest Material color

deep-purple-200

Very different · ΔE 6.65 · #B39DDB

Nearest Bootstrap color

secondary

Very different · ΔE 21.08 · #6C757D

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50f5f2ff 100e8e4ff 200d4d0ef 300beb9db 400a29cc2 5008680a5 600706b8b 7005a5570 800444056 9002f2c3d 9501b1826

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

f7f7fa f0eff5 e8e6f0 e0deeb d8d6e6 d1cee1 c9c5db c1bdd6 b9b5d1 b2adcc aaa4c7 a29cc2 958fb2 8782a2 7a7592 6c6881 5e5b71 514e61 444151 363441 292731 1b1a20 0e0d10

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f7f7fa f0eff5 e8e6f0 e0deeb d8d6e6 d1cee1 c9c5db c1bdd6 b9b5d1 b2adcc aaa4c7

Palette

Shades

Mixed toward black — depth, text, and emphasis

958fb2 8782a2 7a7592 6c6881 5e5b71 514e61 444151 363441 292731 1b1a20 0e0d10

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

9f9abc 9c97b7 9a95b2 9793ac 9490a7 918ea1 8e8c9c 8b8996 898791 86858b 838286

Harmony

Complementary

Opposite on the color wheel for contrast

#A29CC2Stop 1 #BDC39DStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#9DAAC3Stop 1 #A29CC2Stop 2 #B69DC3Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#A29CC2Stop 1 #C3A39DStop 2 #9DC3A3Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#A29CC2Stop 1 #C3B69DStop 2 #AAC39DStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#2A273FStop 1 #4A446FStop 2 #6A619EStop 3 #9790BBStop 4 #C3C0D8Stop 5

Using this color

Where #a29cc2 works

#A29CC2 (#a29cc2) sits in the indigo family at about 249° hue, 24% saturation, and 69% lightness. Contrast is 2.6:1 on white and 8.07:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: slate-400 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

supporting UI accents
text or icons on charcoal / dark mode

Do not use #a29cc2 as small body text on white — 2.6:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Intuition, depth, and sincerity. Common in enterprise software and thoughtful products. Common uses still include buttons, charts, and accents in the Indigo range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Web Safe #9999CC#9999CC Spectrum #959BD0#959BD0 Material Deep Purple 200#B39DDB Material Indigo 200#9FA8DA Spectrum #929DD3#929DD3 Spectrum #91A3D9#91A3D9 Spectrum #93A8CD#93A8CD Spectrum #7F87C3#7F87C3 Tailwind slate 400#94A3B8 Tailwind zinc 400#A1A1AA Tailwind violet 300#C4B5FD Material You Neutral#938F99