Warna bernama · #966EBD
Viola
Viola adalah #966EBD: rgb(150 110 189), hsl(270 37% 59%), oklch(0.61 0.123 306.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Purple mean? → · Viola color name →
#966EBD
oklch(0.61 0.123 306.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- A07CC4
- AA8BCB
- B499D2
- BFA7D9
- C9B6DF
- D4C4E6
- DED3EC
- E9E1F3
- F4F0F9
Shade
- 825FA4
- 6E508C
- 5B4174
- 49335D
- 372647
- 261933
- 160E1F
- 08040D
- 010102
Tone
- 9470B7
- 9273B1
- 8F75AB
- 8D77A5
- 8B789F
- 897A99
- 877C93
- 847D8D
- 827F86
Harmoni warna
Komplementer +180°
- 966EBD
Viola
- 709036
≈ Mary’s Garden
Analog -30° +30°
- 966EBD
Viola
- 707BCC
≈ Kickstart Purple
- B1649F
≈ Bodacious
Triadik +120° +240°
- 966EBD
Viola
- B47220
≈ Toffee Sauce
- 00978D
≈ Intense Teal
Split-komplementer +150° +210°
- 966EBD
Viola
- 99820A
≈ Thicket Green
- 349964
≈ Green Fondant
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.99:1 · APCA Lc 67
Ag
AADi atas hitam
WCAG 5.26:1 · APCA Lc 35
Warna teks terbaik: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Cuplikan kode
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);
}