Colore con nome · #848998
Ombre Grey
Ombre Grey è #848998: rgb(132 137 152), hsl(225 9% 56%), oklch(0.631 0.023 271). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ombre Grey color name →
#848998
oklch(0.631 0.023 271)
Conversioni di colore
- HEX
- #848998
- RGB
- rgb(132 137 152)
- HSL
- hsl(225 9% 56%)
- HWB
- hwb(225 52% 40%)
- OKLCH
- oklch(0.631 0.023 271)
- OKLab
- oklab(0.631 0 -0.023)
- CIE Lab
- lab(57.05 0.48 -8.69)
- LCH
- lch(57.05 8.71 273.2)
- CMYK
- cmyk(13% 10% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 9094A2
- 9BA0AC
- A7ABB6
- B3B7C0
- C0C2CA
- CCCED5
- D9DADF
- E5E6EA
- F2F3F4
Ombre
- 727684
- 606470
- 4F535C
- 3F424A
- 2F3138
- 202227
- 121417
- 060708
- 010101
Toni
- 848896
- 838793
- 838691
- 82858E
- 82858C
- 82848A
- 818387
- 818285
- 808182
Armonie di colore
Complementare +180°
- 848998
Ombre Grey
- 8F897A
≈ Cricket’s Cross
Analogo -30° +30°
- 848998
Ombre Grey
- 7D8C96
≈ Denim Drift
- 8C8696
≈ Purple Ragwort
Triadico +120° +240°
- 848998
Ombre Grey
- 978581
≈ Wine Crush
- 808E82
≈ Lily Pad Pond
Complementare divisa +150° +210°
- 848998
Ombre Grey
- 94877C
≈ Film Fest
- 878C7C
≈ Tea Leaf Mouse
Tetradico +90° +180° +270°
- 848998
Ombre Grey
- 968488
≈ Maud
- 8F897A
≈ Cricket’s Cross
- 7B8E8A
≈ Chinois Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 63
Ag
AASu nero
WCAG 6.01:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--ombre-grey: #848998;
--ombre-grey-rgb: 132 137 152;
--ombre-grey-oklch: oklch(0.631 0.023 271);
}
.element {
color: var(--ombre-grey);
background-color: hsl(225 9% 56%);
border-color: oklch(0.631 0.023 271);
}Tailwind CSS v4
@theme {
--color-ombre-grey: #848998;
--color-ombre-grey-50: #f3f5fc;
--color-ombre-grey-100: #e5e7f0;
--color-ombre-grey-200: #d1d4de;
--color-ombre-grey-300: #b3b7c4;
--color-ombre-grey-400: #999ead;
--color-ombre-grey-500: #808696;
--color-ombre-grey-600: #6d717f;
--color-ombre-grey-700: #575a66;
--color-ombre-grey-800: #3f424b;
--color-ombre-grey-900: #2b2e34;
--color-ombre-grey-950: #191a1f;
}SCSS
$ombre-grey: #848998;
$ombre-grey-rgb: 132, 137, 152;
$ombre-grey-light: mix(#fff, $ombre-grey, 20%);
$ombre-grey-dark: mix(#000, $ombre-grey, 20%);
.element {
color: $ombre-grey;
box-shadow: 0 0 0 2px rgba($ombre-grey, 0.35);
}