Colore con nome · #988088
Toadstool Soup
Toadstool Soup è #988088: rgb(152 128 136), hsl(340 10% 55%), oklch(0.625 0.031 356). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Toadstool Soup color name →
#988088
oklch(0.625 0.031 356)
Conversioni di colore
- HEX
- #988088
- RGB
- rgb(152 128 136)
- HSL
- hsl(340 10% 55%)
- HWB
- hwb(340 50% 40%)
- OKLCH
- oklch(0.625 0.031 356)
- OKLab
- oklab(0.625 0.031 -0.002)
- CIE Lab
- lab(56.04 10.53 -0.73)
- LCH
- lch(56.04 10.56 356)
- CMYK
- cmyk(0% 16% 11% 40%)
Tinte · Ombre · Toni
Tinte
- A28C93
- AC989F
- B6A4AA
- C0B1B6
- CBBEC2
- D5CACE
- DFD7DA
- EAE4E6
- F4F2F3
Ombre
- 846E75
- 705D63
- 5C4D52
- 4A3D41
- 382E31
- 271F22
- 171213
- 080606
- 010101
Toni
- 968087
- 938086
- 918086
- 8F8085
- 8C8084
- 8A8083
- 878082
- 858082
- 828081
Armonie di colore
Complementare +180°
- 988088
Toadstool Soup
- 748E87
≈ Gumbo
Analogo -30° +30°
- 988088
Toadstool Soup
- 928192
≈ Purple Ash
- 9A817E
≈ Mystere
Triadico +120° +240°
- 988088
Toadstool Soup
- 868A75
≈ Sabiseiji Grey
- 768B98
≈ Bluish Grey
Complementare divisa +150° +210°
- 988088
Toadstool Soup
- 7C8D7C
≈ Amazon Moss
- 728D91
≈ Leisure Time
Tetradico +90° +180° +270°
- 988088
Toadstool Soup
- 908772
≈ Lunar Launch Site
- 748E87
≈ Gumbo
- 7F889B
≈ Top Shelf
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.63:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.77:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.77:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--toadstool-soup: #988088;
--toadstool-soup-rgb: 152 128 136;
--toadstool-soup-oklch: oklch(0.625 0.031 356);
}
.element {
color: var(--toadstool-soup);
background-color: hsl(340 10% 55%);
border-color: oklch(0.625 0.031 356);
}Tailwind CSS v4
@theme {
--color-toadstool-soup: #988088;
--color-toadstool-soup-50: #fdf2f5;
--color-toadstool-soup-100: #f1e4e8;
--color-toadstool-soup-200: #e0cfd4;
--color-toadstool-soup-300: #c6b1b7;
--color-toadstool-soup-400: #af979f;
--color-toadstool-soup-500: #987e87;
--color-toadstool-soup-600: #816b72;
--color-toadstool-soup-700: #67555b;
--color-toadstool-soup-800: #4c3e43;
--color-toadstool-soup-900: #352b2e;
--color-toadstool-soup-950: #20181b;
}SCSS
$toadstool-soup: #988088;
$toadstool-soup-rgb: 152, 128, 136;
$toadstool-soup-light: mix(#fff, $toadstool-soup, 20%);
$toadstool-soup-dark: mix(#000, $toadstool-soup, 20%);
.element {
color: $toadstool-soup;
box-shadow: 0 0 0 2px rgba($toadstool-soup, 0.35);
}