Colore con nome · #5E5F4D
Stump Green
Stump Green è #5E5F4D: rgb(94 95 77), hsl(63 10% 34%), oklch(0.479 0.028 110). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stump Green color name →
#5E5F4D
oklch(0.479 0.028 110)
Conversioni di colore
- HEX
- #5e5f4d
- RGB
- rgb(94 95 77)
- HSL
- hsl(63 10% 34%)
- HWB
- hwb(63 30% 63%)
- OKLCH
- oklch(0.479 0.028 110)
- OKLab
- oklab(0.479 -0.01 0.026)
- CIE Lab
- lab(39.82 -2.99 10.22)
- LCH
- lch(39.82 10.65 106.3)
- CMYK
- cmyk(1% 0% 19% 63%)
Tinte · Ombre · Toni
Tinte
- 6D6E5D
- 7C7D6E
- 8B8C7F
- 9B9C90
- ABACA2
- BBBCB4
- CCCCC6
- DDDDD9
- EEEEEC
Ombre
- 515242
- 444437
- 37382C
- 2B2C22
- 1F2018
- 14150F
- 0A0A07
- 030302
- 000000
Toni
- 616252
- 656657
- 68695C
- 6B6C61
- 6F6F66
- 72736B
- 767670
- 797976
- 7D7D7B
Armonie di colore
Complementare +180°
- 5E5F4D
Stump Green
- 5D5B6C
≈ Shearwater Black
Analogo -30° +30°
- 5E5F4D
Stump Green
- 665C4C
≈ City Bench
- 556153
≈ Northern Glen
Triadico +120° +240°
- 5E5F4D
Stump Green
- 4E616A
≈ Blackthorn Blue
- 6A5760
≈ Mocha Brown
Complementare divisa +150° +210°
- 5E5F4D
Stump Green
- 545E6D
≈ Blue Planet
- 655967
≈ Olivine Basalt
Tetradico +90° +180° +270°
- 5E5F4D
Stump Green
- 4B6264
≈ Corundum Blue
- 5D5B6C
≈ Shearwater Black
- 6C5757
≈ Grand Plum
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.52:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.21:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--stump-green: #5e5f4d;
--stump-green-rgb: 94 95 77;
--stump-green-oklch: oklch(0.479 0.028 110);
}
.element {
color: var(--stump-green);
background-color: hsl(63 10% 34%);
border-color: oklch(0.479 0.028 110);
}Tailwind CSS v4
@theme {
--color-stump-green: #5e5f4d;
--color-stump-green-50: #f5f6ed;
--color-stump-green-100: #e8e9df;
--color-stump-green-200: #d4d6c8;
--color-stump-green-300: #b7b9a9;
--color-stump-green-400: #9fa08e;
--color-stump-green-500: #878873;
--color-stump-green-600: #727362;
--color-stump-green-700: #5b5c4e;
--color-stump-green-800: #434338;
--color-stump-green-900: #2e2e26;
--color-stump-green-950: #1b1b15;
}SCSS
$stump-green: #5e5f4d;
$stump-green-rgb: 94, 95, 77;
$stump-green-light: mix(#fff, $stump-green, 20%);
$stump-green-dark: mix(#000, $stump-green, 20%);
.element {
color: $stump-green;
box-shadow: 0 0 0 2px rgba($stump-green, 0.35);
}