Nearest named color · #8824D1
#8824D1
Nearest named color: Lilac Spring
#8824D1 (rgb(136 36 209), hsl(275 71% 48%), oklch(0.512 0.24 304.9)) is closest to the named color Lilac Spring. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8824D1
oklch(0.512 0.24 304.9)
Color conversions
- HEX
- #8824d1
- RGB
- rgb(136 36 209)
- HSL
- hsl(275 71% 48%)
- HWB
- hwb(275 14% 18%)
- OKLCH
- oklch(0.512 0.24 304.9)
- OKLab
- oklab(0.512 0.137 -0.197)
- CIE Lab
- lab(38.91 61.91 -69.98)
- LCH
- lch(38.91 93.44 311.5)
- CMYK
- cmyk(35% 83% 0% 18%)
Tints · Shades · Tones
Tints
- 9344D7
- 9E5DDD
- AA73E3
- B588E8
- C19CED
- CDB0F1
- DAC4F5
- E6D7F9
- F2EBFC
Shades
- 751EB5
- 63189B
- 521281
- 410C68
- 310750
- 220439
- 130223
- 060010
- 010002
Tones
- 8736CA
- 8643C2
- 854EBB
- 8457B3
- 845FAB
- 8367A3
- 826E9B
- 817492
- 817A89
Color harmonies
Complementary +180°
- 8824D1
Lilac Spring
- 567200
≈ Over the Hills
Analogous -30° +30°
- 8824D1
Lilac Spring
- 4945EC
≈ Bright Greek
- AD0099
≈ Magneto’s Magenta
Triadic +120° +240°
- 8824D1
Lilac Spring
- 935600
≈ Mochaccino
- 00776D
≈ Mermaid Harbour
Split-complementary +150° +210°
- 8824D1
Lilac Spring
- 7A6500
≈ Arousing Alligator
- 007B45
≈ Tokiwa Green
Tetradic +90° +180° +270°
- 8824D1
Lilac Spring
- B72D00
≈ Crimson Sword
- 567200
≈ Over the Hills
- 007387
≈ Glamour Green
Contrast & accessibility
Ag
AAOn white
WCAG 6.52:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.21:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--lilac-spring: #8824d1;
--lilac-spring-rgb: 136 36 209;
--lilac-spring-oklch: oklch(0.512 0.24 304.9);
}
.element {
color: var(--lilac-spring);
background-color: hsl(275 71% 48%);
border-color: oklch(0.512 0.24 304.9);
}Tailwind CSS v4
@theme {
--color-lilac-spring: #8824d1;
--color-lilac-spring-50: #ffe4ff;
--color-lilac-spring-100: #fdd3ff;
--color-lilac-spring-200: #efb8ff;
--color-lilac-spring-300: #d892ff;
--color-lilac-spring-400: #c06eff;
--color-lilac-spring-500: #ac43ff;
--color-lilac-spring-600: #923bd9;
--color-lilac-spring-700: #752faf;
--color-lilac-spring-800: #542284;
--color-lilac-spring-900: #3b175e;
--color-lilac-spring-950: #250640;
}SCSS
$lilac-spring: #8824d1;
$lilac-spring-rgb: 136, 36, 209;
$lilac-spring-light: mix(#fff, $lilac-spring, 20%);
$lilac-spring-dark: mix(#000, $lilac-spring, 20%);
.element {
color: $lilac-spring;
box-shadow: 0 0 0 2px rgba($lilac-spring, 0.35);
}