Colore con nome · #849292
Shady Grey
Shady Grey è #849292: rgb(132 146 146), hsl(180 6% 55%), oklch(0.649 0.016 196.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shady Grey color name →
#849292
oklch(0.649 0.016 196.8)
Conversioni di colore
- HEX
- #849292
- RGB
- rgb(132 146 146)
- HSL
- hsl(180 6% 55%)
- HWB
- hwb(180 52% 43%)
- OKLCH
- oklch(0.649 0.016 196.8)
- OKLab
- oklab(0.649 -0.015 -0.005)
- CIE Lab
- lab(59.42 -5.22 -1.81)
- LCH
- lch(59.42 5.53 199.2)
- CMYK
- cmyk(10% 0% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 909C9C
- 9BA7A7
- A7B2B2
- B4BCBC
- C0C7C7
- CCD2D2
- D9DDDD
- E5E8E8
- F2F4F4
Ombre
- 727E7E
- 606B6B
- 4F5858
- 3F4646
- 2F3535
- 202525
- 121616
- 060808
- 010101
Toni
- 849090
- 838E8E
- 838D8D
- 838B8B
- 828989
- 828787
- 818585
- 818484
- 808282
Armonie di colore
Complementare +180°
- 849292
Shady Grey
- 988B8B
≈ Gourmet Mushroom
Analogo -30° +30°
- 849292
Shady Grey
- 86928D
≈ Ballroom Slippers
- 859196
≈ Blue Driftwood
Triadico +120° +240°
- 849292
Shady Grey
- 938C95
≈ Aragonite Grey
- 948E84
≈ Sultry Castle
Complementare divisa +150° +210°
- 849292
Shady Grey
- 978B91
≈ Heather Red Grey
- 988C87
≈ Ruins of Metal
Tetradico +90° +180° +270°
- 849292
Shady Grey
- 8E8D98
≈ Alaitoc Blue
- 988B8B
≈ Gourmet Mushroom
- 909084
≈ Stone Creek
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.22:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.50:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--shady-grey: #849292;
--shady-grey-rgb: 132 146 146;
--shady-grey-oklch: oklch(0.649 0.016 196.8);
}
.element {
color: var(--shady-grey);
background-color: hsl(180 6% 55%);
border-color: oklch(0.649 0.016 196.8);
}Tailwind CSS v4
@theme {
--color-shady-grey: #849292;
--color-shady-grey-50: #f0f7f7;
--color-shady-grey-100: #e2eaea;
--color-shady-grey-200: #cdd6d7;
--color-shady-grey-300: #aebaba;
--color-shady-grey-400: #94a2a2;
--color-shady-grey-500: #7a8a8a;
--color-shady-grey-600: #687475;
--color-shady-grey-700: #535d5d;
--color-shady-grey-800: #3c4444;
--color-shady-grey-900: #292f2f;
--color-shady-grey-950: #171c1b;
}SCSS
$shady-grey: #849292;
$shady-grey-rgb: 132, 146, 146;
$shady-grey-light: mix(#fff, $shady-grey, 20%);
$shady-grey-dark: mix(#000, $shady-grey, 20%);
.element {
color: $shady-grey;
box-shadow: 0 0 0 2px rgba($shady-grey, 0.35);
}