Colore con nome · #9996B3
Tusi Grey
Tusi Grey è #9996B3: rgb(153 150 179), hsl(246 16% 65%), oklch(0.685 0.042 290). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Tusi Grey color name →
#9996B3
oklch(0.685 0.042 290)
Conversioni di colore
- HEX
- #9996b3
- RGB
- rgb(153 150 179)
- HSL
- hsl(246 16% 65%)
- HWB
- hwb(246 59% 30%)
- OKLCH
- oklch(0.685 0.042 290)
- OKLab
- oklab(0.685 0.014 -0.04)
- CIE Lab
- lab(63.08 5.61 -14.77)
- LCH
- lch(63.08 15.8 290.8)
- CMYK
- cmyk(15% 16% 0% 30%)
Tinte · Ombre · Toni
Tinte
- A3A0BA
- ADAAC2
- B6B5CA
- C1BFD1
- CBC9D9
- D5D4E0
- DFDFE8
- EAE9F0
- F4F4F7
Ombre
- 84829B
- 706E84
- 5D5B6E
- 4A4958
- 383743
- 27262F
- 17161D
- 08080C
- 010101
Toni
- 9694AE
- 9492A9
- 918FA4
- 8F8D9E
- 8C8B99
- 8A8994
- 87878F
- 85848A
- 828285
Armonie di colore
Complementare +180°
- 9996B3
Tusi Grey
- 9B9D7F
≈ Fennelly
Analogo -30° +30°
- 9996B3
Tusi Grey
- 8B9BB5
≈ Forever Blue
- A692AB
≈ Uptown Girl
Triadico +120° +240°
- 9996B3
Tusi Grey
- B09383
≈ Sandrift
- 81A396
≈ Aspen Aura
Complementare divisa +150° +210°
- 9996B3
Tusi Grey
- A8987D
≈ York Beige
- 8DA188
≈ Fresh Sod
Tetradico +90° +180° +270°
- 9996B3
Tusi Grey
- B3908F
≈ Brandy Snaps
- 9B9D7F
≈ Fennelly
- 7CA2A4
≈ Tower Bridge
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.85:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.36:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--tusi-grey: #9996b3;
--tusi-grey-rgb: 153 150 179;
--tusi-grey-oklch: oklch(0.685 0.042 290);
}
.element {
color: var(--tusi-grey);
background-color: hsl(246 16% 65%);
border-color: oklch(0.685 0.042 290);
}Tailwind CSS v4
@theme {
--color-tusi-grey: #9996b3;
--color-tusi-grey-50: #f5f3ff;
--color-tusi-grey-100: #e8e6f5;
--color-tusi-grey-200: #d4d1e5;
--color-tusi-grey-300: #b7b4cc;
--color-tusi-grey-400: #9d9bb6;
--color-tusi-grey-500: #8582a1;
--color-tusi-grey-600: #716e88;
--color-tusi-grey-700: #5a586d;
--color-tusi-grey-800: #414051;
--color-tusi-grey-900: #2d2c38;
--color-tusi-grey-950: #1a1923;
}SCSS
$tusi-grey: #9996b3;
$tusi-grey-rgb: 153, 150, 179;
$tusi-grey-light: mix(#fff, $tusi-grey, 20%);
$tusi-grey-dark: mix(#000, $tusi-grey, 20%);
.element {
color: $tusi-grey;
box-shadow: 0 0 0 2px rgba($tusi-grey, 0.35);
}