Colore con nome · #87819B
Live Jazz
Live Jazz è #87819B: rgb(135 129 155), hsl(254 12% 56%), oklch(0.617 0.039 295.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Live Jazz color name →
#87819B
oklch(0.617 0.039 295.8)
Conversioni di colore
- HEX
- #87819b
- RGB
- rgb(135 129 155)
- HSL
- hsl(254 12% 56%)
- HWB
- hwb(254 51% 39%)
- OKLCH
- oklch(0.617 0.039 295.8)
- OKLab
- oklab(0.617 0.017 -0.035)
- CIE Lab
- lab(55.19 6.38 -13.14)
- LCH
- lch(55.19 14.61 295.9)
- CMYK
- cmyk(13% 17% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 928DA5
- 9E99AE
- A9A5B8
- B5B2C2
- C1BECC
- CDCBD6
- DAD8E0
- E6E5EA
- F2F2F5
Ombre
- 756F86
- 635E72
- 514E5E
- 413E4B
- 312E39
- 211F28
- 131218
- 060609
- 010101
Toni
- 868198
- 868196
- 858193
- 848190
- 83818E
- 83818B
- 828088
- 818085
- 818083
Armonie di colore
Complementare +180°
- 87819B
Live Jazz
- 84896E
≈ Aloe Vera Tea
Analogo -30° +30°
- 87819B
Live Jazz
- 7A859E
≈ Tempest
- 927E92
≈ Plum Swirl
Triadico +120° +240°
- 87819B
Live Jazz
- 99806F
≈ Locomotion
- 6D8E84
≈ Aspen Hush
Complementare divisa +150° +210°
- 87819B
Live Jazz
- 90846B
≈ Ceramic Pot
- 778C77
≈ Hedge Green
Tetradico +90° +180° +270°
- 87819B
Live Jazz
- 9C7D79
≈ Cafe Ole
- 84896E
≈ Aloe Vera Tea
- 6A8D91
≈ Blue Shoal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.72:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.64:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--live-jazz: #87819b;
--live-jazz-rgb: 135 129 155;
--live-jazz-oklch: oklch(0.617 0.039 295.8);
}
.element {
color: var(--live-jazz);
background-color: hsl(254 12% 56%);
border-color: oklch(0.617 0.039 295.8);
}Tailwind CSS v4
@theme {
--color-live-jazz: #87819b;
--color-live-jazz-50: #f6f3ff;
--color-live-jazz-100: #e9e5f4;
--color-live-jazz-200: #d6d1e3;
--color-live-jazz-300: #b9b3c9;
--color-live-jazz-400: #a09ab4;
--color-live-jazz-500: #88819e;
--color-live-jazz-600: #736d85;
--color-live-jazz-700: #5c576b;
--color-live-jazz-800: #43404f;
--color-live-jazz-900: #2e2c37;
--color-live-jazz-950: #1b1922;
}SCSS
$live-jazz: #87819b;
$live-jazz-rgb: 135, 129, 155;
$live-jazz-light: mix(#fff, $live-jazz, 20%);
$live-jazz-dark: mix(#000, $live-jazz, 20%);
.element {
color: $live-jazz;
box-shadow: 0 0 0 2px rgba($live-jazz, 0.35);
}