Benannte Farbe · #AEA3D0
Milky Lavender
Milky Lavender ist #AEA3D0: rgb(174 163 208), hsl(255 32% 73%), oklch(0.74 0.065 296). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Milky Lavender color name →
#AEA3D0
oklch(0.74 0.065 296)
Farbumrechnungen
- HEX
- #aea3d0
- RGB
- rgb(174 163 208)
- HSL
- hsl(255 32% 73%)
- HWB
- hwb(255 64% 18%)
- OKLCH
- oklch(0.74 0.065 296)
- OKLab
- oklab(0.74 0.029 -0.059)
- CIE Lab
- lab(69.11 10.91 -21.58)
- LCH
- lch(69.11 24.18 296.8)
- CMYK
- cmyk(16% 22% 0% 18%)
Tints · Shades · Tones
Tints
- B6ACD5
- BEB5DA
- C6BEDE
- CEC7E3
- D6D0E8
- DEDAED
- E6E3F1
- EEECF6
- F7F6FA
Shades
- 978DB5
- 80789A
- 6A6380
- 554F67
- 413C4F
- 2E2A39
- 1C1923
- 0B0A10
- 010102
Tones
- A9A0C8
- A59CC0
- A099B8
- 9B95B0
- 9792A8
- 928EA0
- 8D8B98
- 898790
- 848488
Farbharmonien
Komplementär +180°
- AEA3D0
Milky Lavender
- A8B081
≈ Fresh Guacamole
Analog -30° +30°
- AEA3D0
Milky Lavender
- 98ABD5
≈ Aster Flower Blue
- C19DC1
≈ Lupine
Triadisch +120° +240°
- AEA3D0
Milky Lavender
- CCA183
≈ Arbol de Tamarindo
- 7EB9A9
≈ Patina Hue
Geteilt komplementär +150° +210°
- AEA3D0
Milky Lavender
- BDA97C
≈ Inner Cervela
- 91B693
≈ Mountain Fern
Tetradisch +90° +180° +270°
- AEA3D0
Milky Lavender
- D19C96
≈ Savoury Salmon
- A8B081
≈ Fresh Guacamole
- 78B7BF
≈ Aqua Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.94:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--milky-lavender: #aea3d0;
--milky-lavender-rgb: 174 163 208;
--milky-lavender-oklch: oklch(0.74 0.065 296);
}
.element {
color: var(--milky-lavender);
background-color: hsl(255 32% 73%);
border-color: oklch(0.74 0.065 296);
}Tailwind CSS v4
@theme {
--color-milky-lavender: #aea3d0;
--color-milky-lavender-50: #f7f2ff;
--color-milky-lavender-100: #eae4fb;
--color-milky-lavender-200: #d7cfed;
--color-milky-lavender-300: #bbb1d5;
--color-milky-lavender-400: #a197c1;
--color-milky-lavender-500: #8a7ead;
--color-milky-lavender-600: #746a92;
--color-milky-lavender-700: #5d5575;
--color-milky-lavender-800: #433e57;
--color-milky-lavender-900: #2f2b3d;
--color-milky-lavender-950: #1b1826;
}SCSS
$milky-lavender: #aea3d0;
$milky-lavender-rgb: 174, 163, 208;
$milky-lavender-light: mix(#fff, $milky-lavender, 20%);
$milky-lavender-dark: mix(#000, $milky-lavender, 20%);
.element {
color: $milky-lavender;
box-shadow: 0 0 0 2px rgba($milky-lavender, 0.35);
}