Benannte Farbe · #7851A9
Royal Lavender
Royal Lavender ist #7851A9: rgb(120 81 169), hsl(267 35% 49%), oklch(0.518 0.138 302.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Royal Lavender color name →
#7851A9
oklch(0.518 0.138 302.3)
Farbumrechnungen
- HEX
- #7851a9
- RGB
- rgb(120 81 169)
- HSL
- hsl(267 35% 49%)
- HWB
- hwb(267 32% 34%)
- OKLCH
- oklch(0.518 0.138 302.3)
- OKLab
- oklab(0.518 0.074 -0.117)
- CIE Lab
- lab(41.97 30.67 -41.82)
- LCH
- lch(41.97 51.87 306.3)
- CMYK
- cmyk(29% 52% 0% 34%)
Tints · Shades · Tones
Tints
- 8462B2
- 9173BB
- 9E84C4
- AB96CD
- B9A7D6
- C6B8DE
- D4CAE7
- E2DBEF
- F1EDF7
Shades
- 674592
- 573A7C
- 482F67
- 392453
- 2A1A3F
- 1D102C
- 10071B
- 05020A
- 010001
Tones
- 7957A5
- 795CA2
- 7A619E
- 7B669A
- 7C6A96
- 7C6F92
- 7D738E
- 7E7889
- 7F7C85
Farbharmonien
Komplementär +180°
- 7851A9
Royal Lavender
- 5C7300
≈ Topiary Green
Analog -30° +30°
- 7851A9
Royal Lavender
- 4E5FB7
≈ Chinese Bellflower
- 94458B
≈ Plum Pie
Triadisch +120° +240°
- 7851A9
Royal Lavender
- 975600
≈ Charlie Brown
- 00796C
≈ Pond Moss
Geteilt komplementär +150° +210°
- 7851A9
Royal Lavender
- 7E6600
≈ Arousing Alligator
- 007D3F
≈ Tokiwa Green
Tetradisch +90° +180° +270°
- 7851A9
Royal Lavender
- A94331
≈ Chipolata
- 5C7300
≈ Topiary Green
- 007587
≈ Glamour Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.91:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.54:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.91:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--royal-lavender: #7851a9;
--royal-lavender-rgb: 120 81 169;
--royal-lavender-oklch: oklch(0.518 0.138 302.3);
}
.element {
color: var(--royal-lavender);
background-color: hsl(267 35% 49%);
border-color: oklch(0.518 0.138 302.3);
}Tailwind CSS v4
@theme {
--color-royal-lavender: #7851a9;
--color-royal-lavender-50: #feecff;
--color-royal-lavender-100: #f2ddff;
--color-royal-lavender-200: #e1c6ff;
--color-royal-lavender-300: #c7a6f1;
--color-royal-lavender-400: #ae89e2;
--color-royal-lavender-500: #986cd1;
--color-royal-lavender-600: #815cb0;
--color-royal-lavender-700: #674a8e;
--color-royal-lavender-800: #4a366a;
--color-royal-lavender-900: #34254b;
--color-royal-lavender-950: #1f1331;
}SCSS
$royal-lavender: #7851a9;
$royal-lavender-rgb: 120, 81, 169;
$royal-lavender-light: mix(#fff, $royal-lavender, 20%);
$royal-lavender-dark: mix(#000, $royal-lavender, 20%);
.element {
color: $royal-lavender;
box-shadow: 0 0 0 2px rgba($royal-lavender, 0.35);
}