Benannte Farbe · #915D88
Plum Savour
Plum Savour ist #915D88: rgb(145 93 136), hsl(310 22% 47%), oklch(0.55 0.09 333.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Plum Savour color name →
#915D88
oklch(0.55 0.09 333.1)
Farbumrechnungen
- HEX
- #915d88
- RGB
- rgb(145 93 136)
- HSL
- hsl(310 22% 47%)
- HWB
- hwb(310 36% 43%)
- OKLCH
- oklch(0.55 0.09 333.1)
- OKLab
- oklab(0.55 0.08 -0.041)
- CIE Lab
- lab(46.5 27 -14.91)
- LCH
- lch(46.5 30.85 331.1)
- CMYK
- cmyk(0% 36% 6% 43%)
Tints · Shades · Tones
Tints
- 9C6C93
- A77C9F
- B28CAB
- BD9CB6
- C8ACC2
- D3BCCE
- DECCDA
- E9DDE6
- F4EEF3
Shades
- 7D5075
- 6A4363
- 583752
- 462A41
- 351F31
- 251422
- 150A13
- 070306
- 010001
Tones
- 906187
- 8E6587
- 8D6886
- 8B6C85
- 8A6F84
- 887384
- 867683
- 847982
- 827D81
Farbharmonien
Komplementär +180°
- 915D88
Plum Savour
- 448158
≈ Adamite Green
Analog -30° +30°
- 915D88
Plum Savour
- 7C649D
≈ Purple Paradise
- 9D5A6C
≈ Beef Jerky
Triadisch +120° +240°
- 915D88
Plum Savour
- 84702C
≈ Mustard Magic
- 197F91
≈ Pagoda
Geteilt komplementär +150° +210°
- 915D88
Plum Savour
- 677A3C
≈ Military Green
- 1D8277
≈ Autumn Pine Green
Tetradisch +90° +180° +270°
- 915D88
Plum Savour
- 976535
≈ Buddy Buddy
- 448158
≈ Adamite Green
- 3E77A2
≈ Taiwan Blue Magpie
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.09:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.12:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--plum-savour: #915d88;
--plum-savour-rgb: 145 93 136;
--plum-savour-oklch: oklch(0.55 0.09 333.1);
}
.element {
color: var(--plum-savour);
background-color: hsl(310 22% 47%);
border-color: oklch(0.55 0.09 333.1);
}Tailwind CSS v4
@theme {
--color-plum-savour: #915d88;
--color-plum-savour-50: #ffecff;
--color-plum-savour-100: #fcddf4;
--color-plum-savour-200: #eec6e4;
--color-plum-savour-300: #d5a6ca;
--color-plum-savour-400: #bf8bb5;
--color-plum-savour-500: #aa6fa0;
--color-plum-savour-600: #905e87;
--color-plum-savour-700: #734b6c;
--color-plum-savour-800: #543751;
--color-plum-savour-900: #3b2538;
--color-plum-savour-950: #251423;
}SCSS
$plum-savour: #915d88;
$plum-savour-rgb: 145, 93, 136;
$plum-savour-light: mix(#fff, $plum-savour, 20%);
$plum-savour-dark: mix(#000, $plum-savour, 20%);
.element {
color: $plum-savour;
box-shadow: 0 0 0 2px rgba($plum-savour, 0.35);
}