Colore con nome · #919098
Partridge Grey
Partridge Grey è #919098: rgb(145 144 152), hsl(248 4% 58%), oklch(0.657 0.012 291.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Partridge Grey color name →
#919098
oklch(0.657 0.012 291.8)
Conversioni di colore
- HEX
- #919098
- RGB
- rgb(145 144 152)
- HSL
- hsl(248 4% 58%)
- HWB
- hwb(248 56% 40%)
- OKLCH
- oklch(0.657 0.012 291.8)
- OKLab
- oklab(0.657 0.004 -0.011)
- CIE Lab
- lab(60.07 1.57 -4.11)
- LCH
- lch(60.07 4.4 290.8)
- CMYK
- cmyk(5% 5% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 9B9BA2
- A6A5AC
- B1B0B6
- BCBBC0
- C7C6CA
- D2D1D5
- DDDDDF
- E8E8EA
- F4F3F4
Ombre
- 7D7D84
- 6A6A70
- 58575C
- 46454A
- 353438
- 252427
- 151517
- 070708
- 010101
Toni
- 8F8E96
- 8E8D93
- 8C8B91
- 8A8A8E
- 88888C
- 87868A
- 858587
- 838385
- 828282
Armonie di colore
Complementare +180°
- 919098
Partridge Grey
- 91928A
≈ Smoky Grey Green
Analogo -30° +30°
- 919098
Partridge Grey
- 8D9199
≈ Tulle Grey
- 958F96
≈ Aragonite Grey
Triadico +120° +240°
- 919098
Partridge Grey
- 978F8B
≈ Crete Shore
- 8A9490
≈ Storms Mountain
Complementare divisa +150° +210°
- 919098
Partridge Grey
- 959189
≈ Champignon
- 8D938C
≈ Storms Mountain
Tetradico +90° +180° +270°
- 919098
Partridge Grey
- 988F8E
≈ Mani
- 91928A
≈ Smoky Grey Green
- 899394
≈ Blue Driftwood
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.64:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--partridge-grey: #919098;
--partridge-grey-rgb: 145 144 152;
--partridge-grey-oklch: oklch(0.657 0.012 291.8);
}
.element {
color: var(--partridge-grey);
background-color: hsl(248 4% 58%);
border-color: oklch(0.657 0.012 291.8);
}Tailwind CSS v4
@theme {
--color-partridge-grey: #919098;
--color-partridge-grey-50: #f5f4f8;
--color-partridge-grey-100: #e8e7eb;
--color-partridge-grey-200: #d4d3d9;
--color-partridge-grey-300: #b7b6bd;
--color-partridge-grey-400: #9e9da5;
--color-partridge-grey-500: #86858e;
--color-partridge-grey-600: #717078;
--color-partridge-grey-700: #5b5a60;
--color-partridge-grey-800: #424246;
--color-partridge-grey-900: #2e2d31;
--color-partridge-grey-950: #1a1a1d;
}SCSS
$partridge-grey: #919098;
$partridge-grey-rgb: 145, 144, 152;
$partridge-grey-light: mix(#fff, $partridge-grey, 20%);
$partridge-grey-dark: mix(#000, $partridge-grey, 20%);
.element {
color: $partridge-grey;
box-shadow: 0 0 0 2px rgba($partridge-grey, 0.35);
}