Benannte Farbe · #638636
Stamnankáthi Green
Stamnankáthi Green ist #638636: rgb(99 134 54), hsl(86 43% 37%), oklch(0.576 0.116 129.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Stamnankáthi Green color name →
#638636
oklch(0.576 0.116 129.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 72924B
- 809E60
- 8FAA73
- 9FB687
- AEC29B
- BECEAE
- CEDAC2
- DEE6D6
- EEF3EB
Shades
- 55742E
- 476225
- 3A511E
- 2E4016
- 21300F
- 162108
- 0B1303
- 030601
- 000100
Tones
- 668640
- 698548
- 6C8550
- 6F8458
- 72845F
- 758366
- 77826D
- 7A8273
- 7D817A
Farbharmonien
Komplementär +180°
- 638636
Stamnankáthi Green
- 8D64AC
≈ Empire Violet
Analog -30° +30°
- 638636
Stamnankáthi Green
- 8A790D
≈ Jīn Zōng Gold
- 298D60
≈ Argyle
Triadisch +120° +240°
- 638636
Stamnankáthi Green
- 3C7DBA
≈ Tufts Blue
- B2596A
≈ Slate Pink
Geteilt komplementär +150° +210°
- 638636
Stamnankáthi Green
- 6B70BC
≈ Chetwode Blue
- A55C8F
≈ Cyclamen Red
Tetradisch +90° +180° +270°
- 638636
Stamnankáthi Green
- 0087A3
≈ Gogo Blue
- 8D64AC
≈ Empire Violet
- B25F42
≈ Georgia Clay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.20:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.99:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
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);
}