Colore con nome · #9188B5
Silk Lilac
Silk Lilac è #9188B5: rgb(145 136 181), hsl(252 23% 62%), oklch(0.651 0.067 293.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Silk Lilac color name →
#9188B5
oklch(0.651 0.067 293.6)
Conversioni di colore
- HEX
- #9188b5
- RGB
- rgb(145 136 181)
- HSL
- hsl(252 23% 62%)
- HWB
- hwb(252 53% 29%)
- OKLCH
- oklch(0.651 0.067 293.6)
- OKLab
- oklab(0.651 0.027 -0.061)
- CIE Lab
- lab(58.74 10.66 -22.52)
- LCH
- lch(58.74 24.91 295.3)
- CMYK
- cmyk(20% 25% 0% 29%)
Tinte · Ombre · Toni
Tinte
- 9B93BC
- A69FC4
- B1ABCB
- BBB6D3
- C6C2DA
- D1CEE2
- DDDAE9
- E8E6F0
- F3F3F8
Ombre
- 7D759D
- 6A6386
- 58526F
- 464159
- 353144
- 252230
- 15131D
- 07060C
- 010102
Toni
- 8F87B0
- 8D87AA
- 8C86A5
- 8A85A0
- 88849B
- 878395
- 858390
- 83828B
- 828185
Armonie di colore
Complementare +180°
- 9188B5
Silk Lilac
- 8F9465
≈ Green Cast
Analogo -30° +30°
- 9188B5
Silk Lilac
- 7A90B9
≈ Opal Violet
- A482A7
≈ Regal Orchid
Triadico +120° +240°
- 9188B5
Silk Lilac
- B08569
≈ Syrup
- 629D8C
≈ Dull Teal
Complementare divisa +150° +210°
- 9188B5
Silk Lilac
- A38C60
≈ Garden Salt Green
- 779A75
≈ Jade Green
Tetradico +90° +180° +270°
- 9188B5
Silk Lilac
- B5807C
≈ Ash Rose
- 8F9465
≈ Green Cast
- 5B9CA2
≈ Hydroport
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.39:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--silk-lilac: #9188b5;
--silk-lilac-rgb: 145 136 181;
--silk-lilac-oklch: oklch(0.651 0.067 293.6);
}
.element {
color: var(--silk-lilac);
background-color: hsl(252 23% 62%);
border-color: oklch(0.651 0.067 293.6);
}Tailwind CSS v4
@theme {
--color-silk-lilac: #9188b5;
--color-silk-lilac-50: #f6f2ff;
--color-silk-lilac-100: #e9e4fc;
--color-silk-lilac-200: #d6cfee;
--color-silk-lilac-300: #bab1d7;
--color-silk-lilac-400: #a097c3;
--color-silk-lilac-500: #887eaf;
--color-silk-lilac-600: #736b94;
--color-silk-lilac-700: #5c5576;
--color-silk-lilac-800: #423e58;
--color-silk-lilac-900: #2e2b3d;
--color-silk-lilac-950: #1b1827;
}SCSS
$silk-lilac: #9188b5;
$silk-lilac-rgb: 145, 136, 181;
$silk-lilac-light: mix(#fff, $silk-lilac, 20%);
$silk-lilac-dark: mix(#000, $silk-lilac, 20%);
.element {
color: $silk-lilac;
box-shadow: 0 0 0 2px rgba($silk-lilac, 0.35);
}