Colore con nome · #638636
Stamnankáthi Green
Stamnankáthi Green è #638636: rgb(99 134 54), hsl(86 43% 37%), oklch(0.576 0.116 129.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Stamnankáthi Green color name →
#638636
oklch(0.576 0.116 129.3)
Conversioni di colore
- HEX
- #638636
- RGB
- rgb(99 134 54)
- HSL
- hsl(86 43% 37%)
- HWB
- hwb(86 21% 47%)
- OKLCH
- oklch(0.576 0.116 129.3)
- OKLab
- oklab(0.576 -0.073 0.09)
- CIE Lab
- lab(51.94 -23.04 37.94)
- LCH
- lch(51.94 44.39 121.3)
- CMYK
- cmyk(26% 0% 60% 47%)
Tinte · Ombre · Toni
Tinte
- 72924B
- 809E60
- 8FAA73
- 9FB687
- AEC29B
- BECEAE
- CEDAC2
- DEE6D6
- EEF3EB
Ombre
- 55742E
- 476225
- 3A511E
- 2E4016
- 21300F
- 162108
- 0B1303
- 030601
- 000100
Toni
- 668640
- 698548
- 6C8550
- 6F8458
- 72845F
- 758366
- 77826D
- 7A8273
- 7D817A
Armonie di colore
Complementare +180°
- 638636
Stamnankáthi Green
- 8D64AC
≈ Empire Violet
Analogo -30° +30°
- 638636
Stamnankáthi Green
- 8A790D
≈ Jīn Zōng Gold
- 298D60
≈ Argyle
Triadico +120° +240°
- 638636
Stamnankáthi Green
- 3C7DBA
≈ Tufts Blue
- B2596A
≈ Slate Pink
Complementare divisa +150° +210°
- 638636
Stamnankáthi Green
- 6B70BC
≈ Chetwode Blue
- A55C8F
≈ Cyclamen Red
Tetradico +90° +180° +270°
- 638636
Stamnankáthi Green
- 0087A3
≈ Gogo Blue
- 8D64AC
≈ Empire Violet
- B25F42
≈ Georgia Clay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.20:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.99:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--stamnankathi-green: #638636;
--stamnankathi-green-rgb: 99 134 54;
--stamnankathi-green-oklch: oklch(0.576 0.116 129.3);
}
.element {
color: var(--stamnankathi-green);
background-color: hsl(86 43% 37%);
border-color: oklch(0.576 0.116 129.3);
}Tailwind CSS v4
@theme {
--color-stamnankathi-green: #638636;
--color-stamnankathi-green-50: #eafdda;
--color-stamnankathi-green-100: #daf1c9;
--color-stamnankathi-green-200: #c3dfac;
--color-stamnankathi-green-300: #a2c485;
--color-stamnankathi-green-400: #89ac60;
--color-stamnankathi-green-500: #6d953a;
--color-stamnankathi-green-600: #5d7e33;
--color-stamnankathi-green-700: #4a6528;
--color-stamnankathi-green-800: #374a1a;
--color-stamnankathi-green-900: #263311;
--color-stamnankathi-green-950: #141f04;
}SCSS
$stamnankathi-green: #638636;
$stamnankathi-green-rgb: 99, 134, 54;
$stamnankathi-green-light: mix(#fff, $stamnankathi-green, 20%);
$stamnankathi-green-dark: mix(#000, $stamnankathi-green, 20%);
.element {
color: $stamnankathi-green;
box-shadow: 0 0 0 2px rgba($stamnankathi-green, 0.35);
}