Colore con nome · #88928C
Sandstone Grey Green
Sandstone Grey Green è #88928C: rgb(136 146 140), hsl(144 4% 55%), oklch(0.65 0.015 159.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sandstone Grey Green color name →
#88928C
oklch(0.65 0.015 159.7)
Conversioni di colore
- HEX
- #88928c
- RGB
- rgb(136 146 140)
- HSL
- hsl(144 4% 55%)
- HWB
- hwb(144 53% 43%)
- OKLCH
- oklch(0.65 0.015 159.7)
- OKLab
- oklab(0.65 -0.014 0.005)
- CIE Lab
- lab(59.59 -4.65 1.88)
- LCH
- lch(59.59 5.02 158)
- CMYK
- cmyk(7% 0% 4% 43%)
Tinte · Ombre · Toni
Tinte
- 939C97
- 9FA7A2
- AAB2AD
- B6BCB8
- C2C7C4
- CED2CF
- DADDDB
- E6E8E7
- F3F4F3
Ombre
- 757E79
- 636B67
- 525855
- 414643
- 313533
- 222523
- 131614
- 060807
- 010101
Toni
- 87908B
- 868E8A
- 868D88
- 858B87
- 848986
- 838785
- 828584
- 828482
- 818281
Armonie di colore
Complementare +180°
- 88928C
Sandstone Grey Green
- 968C92
≈ Heather Red Grey
Analogo -30° +30°
- 88928C
Sandstone Grey Green
- 8C9188
≈ Grey Heron
- 869291
≈ Shady Grey
Triadico +120° +240°
- 88928C
Sandstone Grey Green
- 8D8E98
≈ Flannel Pyjamas
- 988C89
≈ Gourmet Mushroom
Complementare divisa +150° +210°
- 88928C
Sandstone Grey Green
- 928D96
≈ Aragonite Grey
- 988C8D
≈ Globe Thistle Grey Rose
Tetradico +90° +180° +270°
- 88928C
Sandstone Grey Green
- 899098
≈ Seal Grey
- 968C92
≈ Heather Red Grey
- 958E86
≈ Water Tower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--sandstone-grey-green: #88928c;
--sandstone-grey-green-rgb: 136 146 140;
--sandstone-grey-green-oklch: oklch(0.65 0.015 159.7);
}
.element {
color: var(--sandstone-grey-green);
background-color: hsl(144 4% 55%);
border-color: oklch(0.65 0.015 159.7);
}Tailwind CSS v4
@theme {
--color-sandstone-grey-green: #88928c;
--color-sandstone-grey-green-50: #f2f6f4;
--color-sandstone-grey-green-100: #e4e9e6;
--color-sandstone-grey-green-200: #cfd6d2;
--color-sandstone-grey-green-300: #b1bab5;
--color-sandstone-grey-green-400: #97a19b;
--color-sandstone-grey-green-500: #7e8983;
--color-sandstone-grey-green-600: #6b746f;
--color-sandstone-grey-green-700: #565d58;
--color-sandstone-grey-green-800: #3e4440;
--color-sandstone-grey-green-900: #2b2f2c;
--color-sandstone-grey-green-950: #181b19;
}SCSS
$sandstone-grey-green: #88928c;
$sandstone-grey-green-rgb: 136, 146, 140;
$sandstone-grey-green-light: mix(#fff, $sandstone-grey-green, 20%);
$sandstone-grey-green-dark: mix(#000, $sandstone-grey-green, 20%);
.element {
color: $sandstone-grey-green;
box-shadow: 0 0 0 2px rgba($sandstone-grey-green, 0.35);
}