Colore con nome · #5A6A43
Silverbeet
Silverbeet è #5A6A43: rgb(90 106 67), hsl(85 23% 34%), oklch(0.5 0.062 126.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Silverbeet color name →
#5A6A43
oklch(0.5 0.062 126.7)
Conversioni di colore
- HEX
- #5a6a43
- RGB
- rgb(90 106 67)
- HSL
- hsl(85 23% 34%)
- HWB
- hwb(85 26% 58%)
- OKLCH
- oklch(0.5 0.062 126.7)
- OKLab
- oklab(0.5 -0.037 0.05)
- CIE Lab
- lab(42.68 -11.84 19.84)
- LCH
- lch(42.68 23.11 120.8)
- CMYK
- cmyk(15% 0% 37% 58%)
Tinte · Ombre · Toni
Tinte
- 697854
- 788666
- 889478
- 98A38A
- A9B29D
- B9C1B0
- CAD0C3
- DCE0D7
- EDEFEB
Ombre
- 4D5B39
- 414D2F
- 353F26
- 29311D
- 1E2414
- 13180C
- 090D05
- 030401
- 000000
Toni
- 5E6C49
- 616F50
- 657156
- 69735C
- 6D7562
- 717768
- 747A6E
- 787C74
- 7C7E7A
Armonie di colore
Complementare +180°
- 5A6A43
Silverbeet
- 6C5A7F
≈ Grape Expectations
Analogo -30° +30°
- 5A6A43
Silverbeet
- 6D6439
≈ Rationality
- 456E55
≈ Foliage Green
Triadico +120° +240°
- 5A6A43
Silverbeet
- 466785
≈ French Mirage Blue
- 82545D
≈ So Merlot
Complementare divisa +150° +210°
- 5A6A43
Silverbeet
- 5A6087
≈ Karmic Grape
- 7A5670
≈ Magnificence
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.87:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.57:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--silverbeet: #5a6a43;
--silverbeet-rgb: 90 106 67;
--silverbeet-oklch: oklch(0.5 0.062 126.7);
}
.element {
color: var(--silverbeet);
background-color: hsl(85 23% 34%);
border-color: oklch(0.5 0.062 126.7);
}Tailwind CSS v4
@theme {
--color-silverbeet: #5a6a43;
--color-silverbeet-50: #f0f9e6;
--color-silverbeet-100: #e2ecd7;
--color-silverbeet-200: #ccdabe;
--color-silverbeet-300: #aebe9d;
--color-silverbeet-400: #95a67e;
--color-silverbeet-500: #7b8e61;
--color-silverbeet-600: #687853;
--color-silverbeet-700: #536042;
--color-silverbeet-800: #3e462e;
--color-silverbeet-900: #2a311f;
--color-silverbeet-950: #181d0f;
}SCSS
$silverbeet: #5a6a43;
$silverbeet-rgb: 90, 106, 67;
$silverbeet-light: mix(#fff, $silverbeet, 20%);
$silverbeet-dark: mix(#000, $silverbeet, 20%);
.element {
color: $silverbeet;
box-shadow: 0 0 0 2px rgba($silverbeet, 0.35);
}