Benannte Farbe · #9C51B6
Purple Plum
Purple Plum ist #9C51B6: rgb(156 81 182), hsl(285 41% 52%), oklch(0.567 0.166 316.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Plum color name →
#9C51B6
oklch(0.567 0.166 316.7)
Farbumrechnungen
- HEX
- #9c51b6
- RGB
- rgb(156 81 182)
- HSL
- hsl(285 41% 52%)
- HWB
- hwb(285 32% 29%)
- OKLCH
- oklch(0.567 0.166 316.7)
- OKLab
- oklab(0.567 0.121 -0.114)
- CIE Lab
- lab(47.15 43.89 -40.92)
- LCH
- lch(47.15 60.01 317)
- CMYK
- cmyk(14% 55% 0% 29%)
Tints · Shades · Tones
Tints
- A663BE
- B075C6
- BA86CD
- C497D5
- CEA8DC
- D8B9E3
- E2CBEB
- ECDCF1
- F5EDF8
Shades
- 87459E
- 733A86
- 5F2F6F
- 4C2459
- 391A44
- 281030
- 18071D
- 09020C
- 010002
Tones
- 9A57B1
- 975DAC
- 9462A7
- 9267A2
- 8F6C9C
- 8C7097
- 897491
- 86788C
- 837C86
Farbharmonien
Komplementär +180°
- 9C51B6
Purple Plum
- 418B0C
≈ Christmas Green
Analog -30° +30°
- 9C51B6
Purple Plum
- 7262D1
≈ Dark Periwinkle
- B8458A
≈ Orchid Ecstasy
Triadisch +120° +240°
- 9C51B6
Purple Plum
- 9D6B00
≈ Balor Brown
- 00878A
≈ Well Blue
Geteilt komplementär +150° +210°
- 9C51B6
Purple Plum
- 7F7A00
≈ Tool Green
- 008C67
≈ Kabalite Green
Tetradisch +90° +180° +270°
- 9C51B6
Purple Plum
- BD5100
≈ Orange Rufous
- 418B0C
≈ Christmas Green
- 0082A8
≈ Advertising Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.92:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.26:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--purple-plum: #9c51b6;
--purple-plum-rgb: 156 81 182;
--purple-plum-oklch: oklch(0.567 0.166 316.7);
}
.element {
color: var(--purple-plum);
background-color: hsl(285 41% 52%);
border-color: oklch(0.567 0.166 316.7);
}Tailwind CSS v4
@theme {
--color-purple-plum: #9c51b6;
--color-purple-plum-50: #ffe7ff;
--color-purple-plum-100: #ffd7ff;
--color-purple-plum-200: #f3beff;
--color-purple-plum-300: #db9bee;
--color-purple-plum-400: #c57cdf;
--color-purple-plum-500: #b05cce;
--color-purple-plum-600: #954fae;
--color-purple-plum-700: #783f8b;
--color-purple-plum-800: #572d69;
--color-purple-plum-900: #3d1f4a;
--color-purple-plum-950: #260e31;
}SCSS
$purple-plum: #9c51b6;
$purple-plum-rgb: 156, 81, 182;
$purple-plum-light: mix(#fff, $purple-plum, 20%);
$purple-plum-dark: mix(#000, $purple-plum, 20%);
.element {
color: $purple-plum;
box-shadow: 0 0 0 2px rgba($purple-plum, 0.35);
}