Benannte Farbe · #628026
Straken Green
Straken Green ist #628026: rgb(98 128 38), hsl(80 54% 33%), oklch(0.558 0.121 126.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Straken Green color name →
#628026
oklch(0.558 0.121 126.1)
Farbumrechnungen
- HEX
- #628026
- RGB
- rgb(98 128 38)
- HSL
- hsl(80 54% 33%)
- HWB
- hwb(80 15% 50%)
- OKLCH
- oklch(0.558 0.121 126.1)
- OKLab
- oklab(0.558 -0.071 0.098)
- CIE Lab
- lab(49.87 -21.65 42.84)
- LCH
- lch(49.87 48 116.8)
- CMYK
- cmyk(23% 0% 70% 50%)
Tints · Shades · Tones
Tints
- 708C3F
- 7F9956
- 8EA56B
- 9EB280
- ADBF95
- BDCBAA
- CDD8BF
- DEE5D4
- EEF2E9
Shades
- 546E20
- 475D19
- 3A4D13
- 2D3D0D
- 212E08
- 161F04
- 0B1202
- 030601
- 000100
Tones
- 658033
- 68803E
- 6B8148
- 6E8151
- 718159
- 748161
- 778169
- 7A8171
- 7D8079
Farbharmonien
Komplementär +180°
- 628026
Straken Green
- 865FAC
≈ Lusty Lavender
Analog -30° +30°
- 628026
Straken Green
- 887300
≈ Vermin Brown
- 238855
≈ Lucky Green
Triadisch +120° +240°
- 628026
Straken Green
- 2A79B6
≈ Haddock’s Sweater
- AD5269
≈ Sombre Roses
Geteilt komplementär +150° +210°
- 628026
Straken Green
- 616CBA
≈ Gladiola Blue
- 9F568F
≈ Bermuda Onion
Tetradisch +90° +180° +270°
- 628026
Straken Green
- 008299
≈ Cruising
- 865FAC
≈ Lusty Lavender
- AF573F
≈ Glowing Firelight
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--straken-green: #628026;
--straken-green-rgb: 98 128 38;
--straken-green-oklch: oklch(0.558 0.121 126.1);
}
.element {
color: var(--straken-green);
background-color: hsl(80 54% 33%);
border-color: oklch(0.558 0.121 126.1);
}Tailwind CSS v4
@theme {
--color-straken-green: #628026;
--color-straken-green-50: #ebfcd8;
--color-straken-green-100: #dcf0c5;
--color-straken-green-200: #c5dfa7;
--color-straken-green-300: #a5c480;
--color-straken-green-400: #8cab59;
--color-straken-green-500: #72942f;
--color-straken-green-600: #617d2a;
--color-straken-green-700: #4d6421;
--color-straken-green-800: #3a4914;
--color-straken-green-900: #27330d;
--color-straken-green-950: #161e01;
}SCSS
$straken-green: #628026;
$straken-green-rgb: 98, 128, 38;
$straken-green-light: mix(#fff, $straken-green, 20%);
$straken-green-dark: mix(#000, $straken-green, 20%);
.element {
color: $straken-green;
box-shadow: 0 0 0 2px rgba($straken-green, 0.35);
}