Benannte Farbe · #966EBD
Viola
Viola ist #966EBD: rgb(150 110 189), hsl(270 37% 59%), oklch(0.61 0.123 306.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Viola color name →
#966EBD
oklch(0.61 0.123 306.4)
Farbumrechnungen
- HEX
- #966ebd
- RGB
- rgb(150 110 189)
- HSL
- hsl(270 37% 59%)
- HWB
- hwb(270 43% 26%)
- OKLCH
- oklch(0.61 0.123 306.4)
- OKLab
- oklab(0.61 0.073 -0.099)
- CIE Lab
- lab(53 28 -35.85)
- LCH
- lch(53 45.49 308)
- CMYK
- cmyk(21% 42% 0% 26%)
Tints · Shades · Tones
Tints
- A07CC4
- AA8BCB
- B499D2
- BFA7D9
- C9B6DF
- D4C4E6
- DED3EC
- E9E1F3
- F4F0F9
Shades
- 825FA4
- 6E508C
- 5B4174
- 49335D
- 372647
- 261933
- 160E1F
- 08040D
- 010102
Tones
- 9470B7
- 9273B1
- 8F75AB
- 8D77A5
- 8B789F
- 897A99
- 877C93
- 847D8D
- 827F86
Farbharmonien
Komplementär +180°
- 966EBD
Viola
- 709036
≈ Mary’s Garden
Analog -30° +30°
- 966EBD
Viola
- 707BCC
≈ Kickstart Purple
- B1649F
≈ Bodacious
Triadisch +120° +240°
- 966EBD
Viola
- B47220
≈ Toffee Sauce
- 00978D
≈ Intense Teal
Geteilt komplementär +150° +210°
- 966EBD
Viola
- 99820A
≈ Thicket Green
- 349964
≈ Green Fondant
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.99:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.26:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--viola: #966ebd;
--viola-rgb: 150 110 189;
--viola-oklch: oklch(0.61 0.123 306.4);
}
.element {
color: var(--viola);
background-color: hsl(270 37% 59%);
border-color: oklch(0.61 0.123 306.4);
}Tailwind CSS v4
@theme {
--color-viola: #966ebd;
--color-viola-50: #ffecff;
--color-viola-100: #f4ddff;
--color-viola-200: #e3c7fd;
--color-viola-300: #c9a6e8;
--color-viola-400: #b18bd8;
--color-viola-500: #9b6ec6;
--color-viola-600: #835ea7;
--color-viola-700: #694b86;
--color-viola-800: #4c3665;
--color-viola-900: #352547;
--color-viola-950: #20132e;
}SCSS
$viola: #966ebd;
$viola-rgb: 150, 110, 189;
$viola-light: mix(#fff, $viola, 20%);
$viola-dark: mix(#000, $viola, 20%);
.element {
color: $viola;
box-shadow: 0 0 0 2px rgba($viola, 0.35);
}