Benannte Farbe · #DAC7DA
Euphoric Lilac
Euphoric Lilac ist #DAC7DA: rgb(218 199 218), hsl(300 20% 82%), oklch(0.851 0.033 325.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Euphoric Lilac color name →
#DAC7DA
oklch(0.851 0.033 325.9)
Farbumrechnungen
- HEX
- #dac7da
- RGB
- rgb(218 199 218)
- HSL
- hsl(300 20% 82%)
- HWB
- hwb(300 78% 15%)
- OKLCH
- oklch(0.851 0.033 325.9)
- OKLab
- oklab(0.851 0.027 -0.019)
- CIE Lab
- lab(82.27 9.37 -6.95)
- LCH
- lch(82.27 11.67 323.5)
- CMYK
- cmyk(0% 9% 0% 15%)
Tints · Shades · Tones
Tints
- DECDDE
- E1D2E1
- E5D8E5
- E9DDE9
- ECE3EC
- F0E8F0
- F4EEF4
- F8F4F8
- FBF9FB
Shades
- BDADBD
- A293A2
- 877A87
- 6C626C
- 544C54
- 3C363C
- 252125
- 110E11
- 020202
Tones
- D1C0D1
- C7B8C7
- BEB1BE
- B5AAB5
- ACA3AC
- A39CA3
- 9A959A
- 918E91
- 898789
Farbharmonien
Komplementär +180°
- DAC7DA
Euphoric Lilac
- C1D4C1
≈ Misty Lake
Analog -30° +30°
- DAC7DA
Euphoric Lilac
- CFCAE2
≈ Opus
- E1C6CF
≈ Kellie Belle
Triadisch +120° +240°
- DAC7DA
Euphoric Lilac
- D8CDB6
≈ Light Raffia
- B6D5D9
≈ Pocket Lint
Geteilt komplementär +150° +210°
- DAC7DA
Euphoric Lilac
- CDD1B9
≈ Chinese Jade
- B8D6CD
≈ Gemini
Tetradisch +90° +180° +270°
- DAC7DA
Euphoric Lilac
- E0C9BA
≈ Sand Dance
- C1D4C1
≈ Misty Lake
- BAD2E1
≈ Chapel Choir
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.16:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--euphoric-lilac: #dac7da;
--euphoric-lilac-rgb: 218 199 218;
--euphoric-lilac-oklch: oklch(0.851 0.033 325.9);
}
.element {
color: var(--euphoric-lilac);
background-color: hsl(300 20% 82%);
border-color: oklch(0.851 0.033 325.9);
}Tailwind CSS v4
@theme {
--color-euphoric-lilac: #dac7da;
--color-euphoric-lilac-50: #fbf2fa;
--color-euphoric-lilac-100: #eee4ee;
--color-euphoric-lilac-200: #dccfdc;
--color-euphoric-lilac-300: #c1b2c0;
--color-euphoric-lilac-400: #a998a9;
--color-euphoric-lilac-500: #927f92;
--color-euphoric-lilac-600: #7c6b7c;
--color-euphoric-lilac-700: #635663;
--color-euphoric-lilac-800: #483f49;
--color-euphoric-lilac-900: #322b33;
--color-euphoric-lilac-950: #1e181e;
}SCSS
$euphoric-lilac: #dac7da;
$euphoric-lilac-rgb: 218, 199, 218;
$euphoric-lilac-light: mix(#fff, $euphoric-lilac, 20%);
$euphoric-lilac-dark: mix(#000, $euphoric-lilac, 20%);
.element {
color: $euphoric-lilac;
box-shadow: 0 0 0 2px rgba($euphoric-lilac, 0.35);
}