Nächste benannte Farbe · #BC8DAA
#BC8DAA
Nächste benannte Farbe: Mauve Magic
#BC8DAA (rgb(188 141 170), hsl(323 26% 65%), oklch(0.697 0.069 341.5)) liegt am nächsten an der benannten Farbe Mauve Magic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BC8DAA
oklch(0.697 0.069 341.5)
Farbumrechnungen
- HEX
- #bc8daa
- RGB
- rgb(188 141 170)
- HSL
- hsl(323 26% 65%)
- HWB
- hwb(323 55% 26%)
- OKLCH
- oklch(0.697 0.069 341.5)
- OKLab
- oklab(0.697 0.065 -0.022)
- CIE Lab
- lab(63.93 21.84 -8.02)
- LCH
- lch(63.93 23.26 339.8)
- CMYK
- cmyk(0% 25% 10% 26%)
Tints · Shades · Tones
Tints
- C398B2
- CAA3BB
- D1AEC3
- D7BACB
- DEC5D4
- E5D0DC
- EBDCE5
- F2E8EE
- F8F3F6
Shades
- A37A93
- 8B677D
- 735568
- 5D4453
- 47333F
- 32232D
- 1F141B
- 0D070B
- 020101
Tones
- B68CA6
- B08BA1
- AA899D
- A48899
- 9E8795
- 988691
- 92848C
- 8C8388
- 868184
Farbharmonien
Komplementär +180°
- BC8DAA
Mauve Magic
- 77AB90
≈ Melon Green
Analog -30° +30°
- BC8DAA
Mauve Magic
- AC92BD
≈ Lavender Earl
- C48C93
≈ Solid Pink
Triadisch +120° +240°
- BC8DAA
Mauve Magic
- A69F6D
≈ Westcar Papyrus
- 6CA8BC
≈ Milky Blue
Geteilt komplementär +150° +210°
- BC8DAA
Mauve Magic
- 8EA77A
≈ Lounge Green
- 68ACA8
≈ Turquoise Fantasies
Tetradisch +90° +180° +270°
- BC8DAA
Mauve Magic
- B9976E
≈ Warrant
- 77AB90
≈ Melon Green
- 7EA1C8
≈ Shipmate
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.52:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--mauve-magic: #bc8daa;
--mauve-magic-rgb: 188 141 170;
--mauve-magic-oklch: oklch(0.697 0.069 341.5);
}
.element {
color: var(--mauve-magic);
background-color: hsl(323 26% 65%);
border-color: oklch(0.697 0.069 341.5);
}Tailwind CSS v4
@theme {
--color-mauve-magic: #bc8daa;
--color-mauve-magic-50: #ffeefa;
--color-mauve-magic-100: #fadfee;
--color-mauve-magic-200: #ebc9dc;
--color-mauve-magic-300: #d2aac0;
--color-mauve-magic-400: #bb8faa;
--color-mauve-magic-500: #a67493;
--color-mauve-magic-600: #8c627d;
--color-mauve-magic-700: #714f64;
--color-mauve-magic-800: #53394a;
--color-mauve-magic-900: #3a2733;
--color-mauve-magic-950: #24151f;
}SCSS
$mauve-magic: #bc8daa;
$mauve-magic-rgb: 188, 141, 170;
$mauve-magic-light: mix(#fff, $mauve-magic, 20%);
$mauve-magic-dark: mix(#000, $mauve-magic, 20%);
.element {
color: $mauve-magic;
box-shadow: 0 0 0 2px rgba($mauve-magic, 0.35);
}