Benannte Farbe · #AEA4C1
Fairy Wand
Fairy Wand ist #AEA4C1: rgb(174 164 193), hsl(261 19% 70%), oklch(0.737 0.043 301.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Fairy Wand color name →
#AEA4C1
oklch(0.737 0.043 301.1)
Farbumrechnungen
- HEX
- #aea4c1
- RGB
- rgb(174 164 193)
- HSL
- hsl(261 19% 70%)
- HWB
- hwb(261 64% 24%)
- OKLCH
- oklch(0.737 0.043 301.1)
- OKLab
- oklab(0.737 0.022 -0.037)
- CIE Lab
- lab(68.94 7.96 -13.59)
- LCH
- lch(68.94 15.75 300.4)
- CMYK
- cmyk(10% 15% 0% 24%)
Tints · Shades · Tones
Tints
- B6ADC7
- BEB6CD
- C6BFD3
- CEC8DA
- D6D1E0
- DEDAE6
- E6E3EC
- EEECF3
- F7F6F9
Shades
- 978EA7
- 80798F
- 6A6477
- 55505F
- 413D49
- 2E2B34
- 1C1A20
- 0B0A0E
- 010102
Tones
- A9A0BA
- A59DB4
- A099AD
- 9B95A7
- 9792A0
- 928E9A
- 8E8B93
- 89878D
- 848486
Farbharmonien
Komplementär +180°
- AEA4C1
Fairy Wand
- A5AE91
≈ Verde Tortuga
Analog -30° +30°
- AEA4C1
Fairy Wand
- A0A9C5
≈ Wisteria Light Soft Blue
- BAA0B6
≈ Melting Moment
Triadisch +120° +240°
- AEA4C1
Fairy Wand
- BEA48F
≈ Sensational Sand
- 8DB3AB
≈ Silicate Green
Geteilt komplementär +150° +210°
- AEA4C1
Fairy Wand
- B4A98C
≈ Prairie Sage
- 97B29C
≈ Burma Jade
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.36:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.87:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--fairy-wand: #aea4c1;
--fairy-wand-rgb: 174 164 193;
--fairy-wand-oklch: oklch(0.737 0.043 301.1);
}
.element {
color: var(--fairy-wand);
background-color: hsl(261 19% 70%);
border-color: oklch(0.737 0.043 301.1);
}Tailwind CSS v4
@theme {
--color-fairy-wand: #aea4c1;
--color-fairy-wand-50: #f7f2ff;
--color-fairy-wand-100: #eae5f4;
--color-fairy-wand-200: #d8d0e4;
--color-fairy-wand-300: #bcb3ca;
--color-fairy-wand-400: #a299b4;
--color-fairy-wand-500: #8b809f;
--color-fairy-wand-600: #756c86;
--color-fairy-wand-700: #5e576b;
--color-fairy-wand-800: #443f4f;
--color-fairy-wand-900: #2f2c37;
--color-fairy-wand-950: #1c1922;
}SCSS
$fairy-wand: #aea4c1;
$fairy-wand-rgb: 174, 164, 193;
$fairy-wand-light: mix(#fff, $fairy-wand, 20%);
$fairy-wand-dark: mix(#000, $fairy-wand, 20%);
.element {
color: $fairy-wand;
box-shadow: 0 0 0 2px rgba($fairy-wand, 0.35);
}