Benannte Farbe · #84549B
Royal Lilac
Royal Lilac ist #84549B: rgb(132 84 155), hsl(281 30% 47%), oklch(0.528 0.12 314). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Royal Lilac color name →
#84549B
oklch(0.528 0.12 314)
Farbumrechnungen
- HEX
- #84549b
- RGB
- rgb(132 84 155)
- HSL
- hsl(281 30% 47%)
- HWB
- hwb(281 33% 39%)
- OKLCH
- oklch(0.528 0.12 314)
- OKLab
- oklab(0.528 0.083 -0.086)
- CIE Lab
- lab(43.47 30.28 -31.05)
- LCH
- lch(43.47 43.37 314.3)
- CMYK
- cmyk(15% 46% 0% 39%)
Tints · Shades · Tones
Tints
- 9065A5
- 9C75AF
- A886B9
- B497C3
- C0A8CD
- CDB9D7
- D9CAE1
- E6DBEB
- F2EDF5
Shades
- 724886
- 603C72
- 4F315E
- 3F264B
- 2F1B39
- 201128
- 120818
- 060209
- 010001
Tones
- 845999
- 845E96
- 836294
- 836791
- 836B8F
- 82708C
- 827489
- 817886
- 817C83
Farbharmonien
Komplementär +180°
- 84549B
Royal Lilac
- 4D7A2B
≈ Master Chief
Analog -30° +30°
- 84549B
Royal Lilac
- 6460AD
≈ Blue Iris
- 9A4C7C
≈ Orchid Lei
Triadisch +120° +240°
- 84549B
Royal Lilac
- 916000
≈ Rat Brown
- 007B7A
≈ Buzzards Bay
Geteilt komplementär +150° +210°
- 84549B
Royal Lilac
- 766E00
≈ Bronze Yellow
- 007F59
≈ Irish Beauty
Tetradisch +90° +180° +270°
- 84549B
Royal Lilac
- A2512B
≈ Texas Ranger Brown
- 4D7A2B
≈ Master Chief
- 007795
≈ Celestial
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.64:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--royal-lilac: #84549b;
--royal-lilac-rgb: 132 84 155;
--royal-lilac-oklch: oklch(0.528 0.12 314);
}
.element {
color: var(--royal-lilac);
background-color: hsl(281 30% 47%);
border-color: oklch(0.528 0.12 314);
}Tailwind CSS v4
@theme {
--color-royal-lilac: #84549b;
--color-royal-lilac-50: #ffebff;
--color-royal-lilac-100: #f8dcff;
--color-royal-lilac-200: #e9c5f7;
--color-royal-lilac-300: #d0a5e1;
--color-royal-lilac-400: #b889d0;
--color-royal-lilac-500: #a36cbd;
--color-royal-lilac-600: #895ca0;
--color-royal-lilac-700: #6e4980;
--color-royal-lilac-800: #503560;
--color-royal-lilac-900: #382443;
--color-royal-lilac-950: #22132b;
}SCSS
$royal-lilac: #84549b;
$royal-lilac-rgb: 132, 84, 155;
$royal-lilac-light: mix(#fff, $royal-lilac, 20%);
$royal-lilac-dark: mix(#000, $royal-lilac, 20%);
.element {
color: $royal-lilac;
box-shadow: 0 0 0 2px rgba($royal-lilac, 0.35);
}