Benannte Farbe · #9190BA
Purple Amethyst
Purple Amethyst ist #9190BA: rgb(145 144 186), hsl(241 23% 65%), oklch(0.669 0.062 285.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Amethyst color name →
#9190BA
oklch(0.669 0.062 285.7)
Farbumrechnungen
- HEX
- #9190ba
- RGB
- rgb(145 144 186)
- HSL
- hsl(241 23% 65%)
- HWB
- hwb(241 56% 27%)
- OKLCH
- oklch(0.669 0.062 285.7)
- OKLab
- oklab(0.669 0.017 -0.059)
- CIE Lab
- lab(61.02 7.25 -21.88)
- LCH
- lch(61.02 23.05 288.3)
- CMYK
- cmyk(22% 23% 0% 27%)
Tints · Shades · Tones
Tints
- 9B9BC1
- A6A5C8
- B1B0CF
- BBBBD6
- C6C6DD
- D1D2E4
- DDDDEA
- E8E8F1
- F3F4F8
Shades
- 7D7DA1
- 6A6A89
- 585772
- 46455C
- 353446
- 252432
- 15151E
- 07070D
- 010102
Tones
- 8F8EB4
- 8D8DAE
- 8C8BA9
- 8A8AA3
- 88889D
- 878797
- 858591
- 83838C
- 828286
Farbharmonien
Komplementär +180°
- 9190BA
Purple Amethyst
- 9A986B
≈ Hiking
Analog -30° +30°
- 9190BA
Purple Amethyst
- 7C97BB
≈ Ocean City
- A48AAF
≈ Violet Eclipse
Triadisch +120° +240°
- 9190BA
Purple Amethyst
- B68A75
≈ Plum Blossom Dye
- 70A28C
≈ Quilotoa Green
Geteilt komplementär +150° +210°
- 9190BA
Purple Amethyst
- AB906A
≈ Morrel
- 849E78
≈ Green Grey
Tetradisch +90° +180° +270°
- 9190BA
Purple Amethyst
- B88688
≈ Bashful Rose
- 9A986B
≈ Hiking
- 66A1A1
≈ Folk Song
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.04:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.90:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--purple-amethyst: #9190ba;
--purple-amethyst-rgb: 145 144 186;
--purple-amethyst-oklch: oklch(0.669 0.062 285.7);
}
.element {
color: var(--purple-amethyst);
background-color: hsl(241 23% 65%);
border-color: oklch(0.669 0.062 285.7);
}Tailwind CSS v4
@theme {
--color-purple-amethyst: #9190ba;
--color-purple-amethyst-50: #f4f3ff;
--color-purple-amethyst-100: #e6e5fc;
--color-purple-amethyst-200: #d2d1ee;
--color-purple-amethyst-300: #b5b3d6;
--color-purple-amethyst-400: #9a9ac2;
--color-purple-amethyst-500: #8281ae;
--color-purple-amethyst-600: #6e6d93;
--color-purple-amethyst-700: #585776;
--color-purple-amethyst-800: #3f4057;
--color-purple-amethyst-900: #2c2c3d;
--color-purple-amethyst-950: #191926;
}SCSS
$purple-amethyst: #9190ba;
$purple-amethyst-rgb: 145, 144, 186;
$purple-amethyst-light: mix(#fff, $purple-amethyst, 20%);
$purple-amethyst-dark: mix(#000, $purple-amethyst, 20%);
.element {
color: $purple-amethyst;
box-shadow: 0 0 0 2px rgba($purple-amethyst, 0.35);
}