Colore con nome · #89978E
Deco Grey
Deco Grey è #89978E: rgb(137 151 142), hsl(141 6% 56%), oklch(0.662 0.021 157.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deco Grey color name →
#89978E
oklch(0.662 0.021 157.6)
Conversioni di colore
- HEX
- #89978e
- RGB
- rgb(137 151 142)
- HSL
- hsl(141 6% 56%)
- HWB
- hwb(141 54% 41%)
- OKLCH
- oklch(0.662 0.021 157.6)
- OKLab
- oklab(0.662 -0.019 0.008)
- CIE Lab
- lab(61.13 -6.55 2.96)
- LCH
- lch(61.13 7.19 155.7)
- CMYK
- cmyk(9% 0% 6% 41%)
Tinte · Ombre · Toni
Tinte
- 94A199
- A0ABA4
- ABB5AF
- B7BFBA
- C2CAC5
- CED4D0
- DADFDC
- E6E9E7
- F3F4F3
Ombre
- 76837B
- 646F68
- 535C56
- 424944
- 313734
- 222624
- 141715
- 070807
- 010101
Toni
- 88958D
- 87928B
- 86908A
- 858E88
- 858B87
- 848986
- 838784
- 828583
- 818281
Armonie di colore
Complementare +180°
- 89978E
Deco Grey
- 9C8E97
≈ Victorian
Analogo -30° +30°
- 89978E
Deco Grey
- 8F9688
≈ Renegade
- 859795
≈ In the Moment
Triadico +120° +240°
- 89978E
Deco Grey
- 8F92A0
≈ Lilac Fields
- 9F8F8A
≈ Satellite
Complementare divisa +150° +210°
- 89978E
Deco Grey
- 96909D
≈ Evening in Paris
- 9F8E90
≈ Coquina
Tetradico +90° +180° +270°
- 89978E
Deco Grey
- 89949F
≈ Supreme Grey
- 9C8E97
≈ Victorian
- 9C9186
≈ Keystone Taupe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.05:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.88:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.88:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--deco-grey: #89978e;
--deco-grey-rgb: 137 151 142;
--deco-grey-oklch: oklch(0.662 0.021 157.6);
}
.element {
color: var(--deco-grey);
background-color: hsl(141 6% 56%);
border-color: oklch(0.662 0.021 157.6);
}Tailwind CSS v4
@theme {
--color-deco-grey: #89978e;
--color-deco-grey-50: #f0f7f3;
--color-deco-grey-100: #e2eae5;
--color-deco-grey-200: #cdd7d1;
--color-deco-grey-300: #afbbb4;
--color-deco-grey-400: #95a29a;
--color-deco-grey-500: #7b8b81;
--color-deco-grey-600: #69756d;
--color-deco-grey-700: #535e57;
--color-deco-grey-800: #3d453f;
--color-deco-grey-900: #2a2f2c;
--color-deco-grey-950: #171c19;
}SCSS
$deco-grey: #89978e;
$deco-grey-rgb: 137, 151, 142;
$deco-grey-light: mix(#fff, $deco-grey, 20%);
$deco-grey-dark: mix(#000, $deco-grey, 20%);
.element {
color: $deco-grey;
box-shadow: 0 0 0 2px rgba($deco-grey, 0.35);
}