Colore con nome · #9C96AF
Night Music
Night Music è #9C96AF: rgb(156 150 175), hsl(254 14% 64%), oklch(0.687 0.037 296.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Night Music color name →
#9C96AF
oklch(0.687 0.037 296.4)
Conversioni di colore
- HEX
- #9c96af
- RGB
- rgb(156 150 175)
- HSL
- hsl(254 14% 64%)
- HWB
- hwb(254 59% 31%)
- OKLCH
- oklch(0.687 0.037 296.4)
- OKLab
- oklab(0.687 0.016 -0.033)
- CIE Lab
- lab(63.23 6.03 -12.28)
- LCH
- lch(63.23 13.68 296.1)
- CMYK
- cmyk(11% 14% 0% 31%)
Tinte · Ombre · Toni
Tinte
- A5A0B7
- AFAABF
- B9B4C7
- C2BFCF
- CCC9D7
- D6D4DF
- E0DFE7
- EAE9EF
- F5F4F7
Ombre
- 878298
- 736E81
- 5F5B6B
- 4C4956
- 393741
- 28262E
- 18161C
- 09080B
- 010101
Toni
- 9994AA
- 9692A5
- 938FA1
- 918D9C
- 8E8B97
- 8B8993
- 88878E
- 858489
- 838285
Armonie di colore
Complementare +180°
- 9C96AF
Night Music
- 999E84
≈ Herbalist
Analogo -30° +30°
- 9C96AF
Night Music
- 909AB2
≈ Moon Veil
- A793A7
≈ Garden Flower
Triadico +120° +240°
- 9C96AF
Night Music
- AD9585
≈ Chic Taupe
- 83A299
≈ Gnome
Complementare divisa +150° +210°
- 9C96AF
Night Music
- A49981
≈ Livingston
- 8CA18D
≈ Hillside View
Tetradico +90° +180° +270°
- 9C96AF
Night Music
- B0928E
≈ Plush Suede
- 999E84
≈ Herbalist
- 80A1A6
≈ Tourmaline
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.83:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.39:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--night-music: #9c96af;
--night-music-rgb: 156 150 175;
--night-music-oklch: oklch(0.687 0.037 296.4);
}
.element {
color: var(--night-music);
background-color: hsl(254 14% 64%);
border-color: oklch(0.687 0.037 296.4);
}Tailwind CSS v4
@theme {
--color-night-music: #9c96af;
--color-night-music-50: #f6f3ff;
--color-night-music-100: #e9e5f3;
--color-night-music-200: #d6d1e2;
--color-night-music-300: #b9b4c8;
--color-night-music-400: #a09ab2;
--color-night-music-500: #88829c;
--color-night-music-600: #736e84;
--color-night-music-700: #5c586a;
--color-night-music-800: #43404e;
--color-night-music-900: #2e2c36;
--color-night-music-950: #1b1921;
}SCSS
$night-music: #9c96af;
$night-music-rgb: 156, 150, 175;
$night-music-light: mix(#fff, $night-music, 20%);
$night-music-dark: mix(#000, $night-music, 20%);
.element {
color: $night-music;
box-shadow: 0 0 0 2px rgba($night-music, 0.35);
}