Colore con nome · #9FABAD
Pale Slate
Pale Slate è #9FABAD: rgb(159 171 173), hsl(189 8% 65%), oklch(0.732 0.014 208.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pale Slate color name →
#9FABAD
oklch(0.732 0.014 208.8)
Conversioni di colore
- HEX
- #9fabad
- RGB
- rgb(159 171 173)
- HSL
- hsl(189 8% 65%)
- HWB
- hwb(189 62% 32%)
- OKLCH
- oklch(0.732 0.014 208.8)
- OKLab
- oklab(0.732 -0.012 -0.007)
- CIE Lab
- lab(69.07 -4.06 -2.56)
- LCH
- lch(69.07 4.8 212.2)
- CMYK
- cmyk(8% 1% 0% 32%)
Tinte · Ombre · Toni
Tinte
- A8B3B5
- B2BBBD
- BBC4C5
- C4CCCD
- CED4D5
- D8DDDE
- E1E5E6
- EBEEEE
- F5F6F7
Ombre
- 8A9496
- 757E7F
- 61686A
- 4D5455
- 3B4041
- 292D2D
- 181B1B
- 090B0B
- 010101
Toni
- 9CA7A8
- 99A2A4
- 969E9F
- 939A9B
- 8F9596
- 8C9192
- 898D8D
- 868889
- 838484
Armonie di colore
Complementare +180°
- 9FABAD
Pale Slate
- B1A5A3
≈ Cool Lavender
Analogo -30° +30°
- 9FABAD
Pale Slate
- A0ABA8
≈ Feldspar Silver
- A1AAB0
≈ Heavy Blue Grey
Triadico +120° +240°
- 9FABAD
Pale Slate
- AEA5AD
≈ Beguiling Mauve
- ACA89F
≈ Hot Stone
Complementare divisa +150° +210°
- 9FABAD
Pale Slate
- B0A5A8
≈ Beguiling Mauve
- AFA7A0
≈ Hibernate
Tetradico +90° +180° +270°
- 9FABAD
Pale Slate
- A9A7B0
≈ Palace Walls
- B1A5A3
≈ Cool Lavender
- A7AAA0
≈ Silver Clouds
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.90:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--pale-slate: #9fabad;
--pale-slate-rgb: 159 171 173;
--pale-slate-oklch: oklch(0.732 0.014 208.8);
}
.element {
color: var(--pale-slate);
background-color: hsl(189 8% 65%);
border-color: oklch(0.732 0.014 208.8);
}Tailwind CSS v4
@theme {
--color-pale-slate: #9fabad;
--color-pale-slate-50: #f1f6f7;
--color-pale-slate-100: #e3e9ea;
--color-pale-slate-200: #ced6d7;
--color-pale-slate-300: #b0b9bb;
--color-pale-slate-400: #96a1a3;
--color-pale-slate-500: #7c898b;
--color-pale-slate-600: #697476;
--color-pale-slate-700: #545d5e;
--color-pale-slate-800: #3d4445;
--color-pale-slate-900: #2a2f2f;
--color-pale-slate-950: #181b1c;
}SCSS
$pale-slate: #9fabad;
$pale-slate-rgb: 159, 171, 173;
$pale-slate-light: mix(#fff, $pale-slate, 20%);
$pale-slate-dark: mix(#000, $pale-slate, 20%);
.element {
color: $pale-slate;
box-shadow: 0 0 0 2px rgba($pale-slate, 0.35);
}