Nearest named color · #A2A4CD
#A2A4CD
Nearest named color: Imperial Lilac
#A2A4CD (rgb(162 164 205), hsl(237 30% 72%), oklch(0.731 0.059 282.6)) is closest to the named color Imperial Lilac. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A2A4CD
oklch(0.731 0.059 282.6)
Color conversions
- HEX
- #a2a4cd
- RGB
- rgb(162 164 205)
- HSL
- hsl(237 30% 72%)
- HWB
- hwb(237 64% 20%)
- OKLCH
- oklch(0.731 0.059 282.6)
- OKLab
- oklab(0.731 0.013 -0.058)
- CIE Lab
- lab(68.28 5.82 -21.3)
- LCH
- lch(68.28 22.08 285.3)
- CMYK
- cmyk(21% 20% 0% 20%)
Tints · Shades · Tones
Tints
- ABADD2
- B4B6D7
- BDBFDC
- C6C8E1
- CFD1E6
- D9DAEB
- E2E3F0
- ECECF5
- F5F6FA
Shades
- 8C8EB2
- 777998
- 63647E
- 4F5066
- 3C3D4E
- 2A2B38
- 191A23
- 0A0A0F
- 010102
Tones
- 9EA0C5
- 9B9DBD
- 9899B6
- 9496AE
- 9192A6
- 8D8E9E
- 8A8B97
- 87878F
- 838488
Color harmonies
Complementary +180°
- A2A4CD
Imperial Lilac
- AFAA7F
≈ Thimbleberry Leaf
Analogous -30° +30°
- A2A4CD
Imperial Lilac
- 8EABCD
≈ Northern Sky
- B59EC3
≈ Berry Frappé
Triadic +120° +240°
- A2A4CD
Imperial Lilac
- C99D8B
≈ Artefact
- 87B49D
≈ Source Green
Split-complementary +150° +210°
- A2A4CD
Imperial Lilac
- BFA37F
≈ Graham Cracker
- 9AB18A
≈ Venetian Glass
Tetradic +90° +180° +270°
- A2A4CD
Imperial Lilac
- CA999E
≈ Twice Shy
- AFAA7F
≈ Thimbleberry Leaf
- 7CB4B2
≈ Kingfisher Turquoise
Contrast & accessibility
Ag
FailOn white
WCAG 2.40:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.72:1 · APCA Lc 55
Best text color: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--imperial-lilac: #a2a4cd;
--imperial-lilac-rgb: 162 164 205;
--imperial-lilac-oklch: oklch(0.731 0.059 282.6);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(237 30% 72%);
border-color: oklch(0.731 0.059 282.6);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a2a4cd;
--color-imperial-lilac-50: #f3f3ff;
--color-imperial-lilac-100: #e5e6fc;
--color-imperial-lilac-200: #d1d1ed;
--color-imperial-lilac-300: #b3b4d5;
--color-imperial-lilac-400: #999bc1;
--color-imperial-lilac-500: #8082ad;
--color-imperial-lilac-600: #6c6e92;
--color-imperial-lilac-700: #575875;
--color-imperial-lilac-800: #3e4057;
--color-imperial-lilac-900: #2b2c3d;
--color-imperial-lilac-950: #181926;
}SCSS
$imperial-lilac: #a2a4cd;
$imperial-lilac-rgb: 162, 164, 205;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}