Nearest named color · #A971C3
#A971C3
Nearest named color: Lavendless
#A971C3 (rgb(169 113 195), hsl(281 41% 60%), oklch(0.638 0.133 314.4)) is closest to the named color Lavendless. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A971C3
oklch(0.638 0.133 314.4)
Color conversions
- HEX
- #a971c3
- RGB
- rgb(169 113 195)
- HSL
- hsl(281 41% 60%)
- HWB
- hwb(281 44% 24%)
- OKLCH
- oklch(0.638 0.133 314.4)
- OKLab
- oklab(0.638 0.093 -0.095)
- CIE Lab
- lab(56.06 33.63 -34.33)
- LCH
- lch(56.06 48.06 314.4)
- CMYK
- cmyk(13% 42% 0% 24%)
Tints · Shades · Tones
Tints
- B27FC9
- BA8DD0
- C39BD6
- CBA9DC
- D4B7E2
- DDC6E8
- E5D4EE
- EEE2F4
- F6F1F9
Shades
- 9261A9
- 7C5290
- 674378
- 533560
- 3F274A
- 2C1A34
- 1B0E20
- 0A040E
- 010102
Tones
- A573BC
- A175B6
- 9D77AF
- 9979A9
- 957AA2
- 917B9B
- 8D7D95
- 887E8E
- 847F87
Color harmonies
Complementary +180°
- A971C3
Lavendless
- 689D44
≈ Parisian Green
Analogous -30° +30°
- A971C3
Lavendless
- 837ED8
≈ Indigo Bloom
- C3689F
≈ Nocturnal Rose
Triadic +120° +240°
- A971C3
Lavendless
- BA7D0A
≈ Guo Tie Dumpling
- 00A09F
≈ Pleasant Stream
Split-complementary +150° +210°
- A971C3
Lavendless
- 998F0A
≈ Smoothie Green
- 0EA476
≈ Bluish Green
Tetradic +90° +180° +270°
- A971C3
Lavendless
- CC6E42
≈ Hot Caramel
- 689D44
≈ Parisian Green
- 009AC2
≈ Sea Wonder
Contrast & accessibility
Ag
FailOn white
WCAG 3.59:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.83:1 · APCA Lc 38
Best text color: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--lavendless: #a971c3;
--lavendless-rgb: 169 113 195;
--lavendless-oklch: oklch(0.638 0.133 314.4);
}
.element {
color: var(--lavendless);
background-color: hsl(281 41% 60%);
border-color: oklch(0.638 0.133 314.4);
}Tailwind CSS v4
@theme {
--color-lavendless: #a971c3;
--color-lavendless-50: #ffeaff;
--color-lavendless-100: #fadbff;
--color-lavendless-200: #ebc3fb;
--color-lavendless-300: #d3a2e5;
--color-lavendless-400: #bb85d5;
--color-lavendless-500: #a668c2;
--color-lavendless-600: #8c59a4;
--color-lavendless-700: #714784;
--color-lavendless-800: #523363;
--color-lavendless-900: #392345;
--color-lavendless-950: #23122d;
}SCSS
$lavendless: #a971c3;
$lavendless-rgb: 169, 113, 195;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}