Colore con nome · #899888
Manifest
Manifest è #899888: rgb(137 152 136), hsl(116 7% 56%), oklch(0.663 0.029 143.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Manifest color name →
#899888
oklch(0.663 0.029 143.5)
Conversioni di colore
- HEX
- #899888
- RGB
- rgb(137 152 136)
- HSL
- hsl(116 7% 56%)
- HWB
- hwb(116 53% 40%)
- OKLCH
- oklch(0.663 0.029 143.5)
- OKLab
- oklab(0.663 -0.023 0.017)
- CIE Lab
- lab(61.28 -7.93 6.54)
- LCH
- lch(61.28 10.28 140.5)
- CMYK
- cmyk(10% 0% 11% 40%)
Tinte · Ombre · Toni
Tinte
- 94A293
- A0AC9F
- ABB6AA
- B7C0B6
- C2CAC2
- CED5CE
- DADFDA
- E6EAE6
- F3F4F3
Ombre
- 768475
- 647063
- 535C52
- 424A41
- 313831
- 222722
- 141713
- 070806
- 010101
Toni
- 889687
- 879386
- 869186
- 858E85
- 858C84
- 848A83
- 838782
- 828582
- 818281
Armonie di colore
Complementare +180°
- 899888
Manifest
- 9C8D9D
≈ Greige Violet
Analogo -30° +30°
- 899888
Manifest
- 939581
≈ Restoration
- 829991
≈ In the Moment
Triadico +120° +240°
- 899888
Manifest
- 8A93A5
≈ Dusty Heather
- A48D8B
≈ Delicate Brown
Complementare divisa +150° +210°
- 899888
Manifest
- 9390A4
≈ Cotton Flannel
- A28C94
≈ Gothic Amethyst
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.03:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.91:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--manifest: #899888;
--manifest-rgb: 137 152 136;
--manifest-oklch: oklch(0.663 0.029 143.5);
}
.element {
color: var(--manifest);
background-color: hsl(116 7% 56%);
border-color: oklch(0.663 0.029 143.5);
}Tailwind CSS v4
@theme {
--color-manifest: #899888;
--color-manifest-50: #f0f7f0;
--color-manifest-100: #e2ebe2;
--color-manifest-200: #cdd8cd;
--color-manifest-300: #afbcaf;
--color-manifest-400: #95a394;
--color-manifest-500: #7b8b7a;
--color-manifest-600: #687667;
--color-manifest-700: #535e53;
--color-manifest-800: #3d453c;
--color-manifest-900: #2a3029;
--color-manifest-950: #171c17;
}SCSS
$manifest: #899888;
$manifest-rgb: 137, 152, 136;
$manifest-light: mix(#fff, $manifest, 20%);
$manifest-dark: mix(#000, $manifest, 20%);
.element {
color: $manifest;
box-shadow: 0 0 0 2px rgba($manifest, 0.35);
}