Benannte Farbe · #8B9D30
Vigorous Wasabi
Vigorous Wasabi ist #8B9D30: rgb(139 157 48), hsl(70 53% 40%), oklch(0.661 0.133 118.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Vigorous Wasabi color name →
#8B9D30
oklch(0.661 0.133 118.3)
Farbumrechnungen
- HEX
- #8b9d30
- RGB
- rgb(139 157 48)
- HSL
- hsl(70 53% 40%)
- HWB
- hwb(70 19% 38%)
- OKLCH
- oklch(0.661 0.133 118.3)
- OKLab
- oklab(0.661 -0.063 0.117)
- CIE Lab
- lab(61.74 -17.67 51.76)
- LCH
- lch(61.74 54.69 108.8)
- CMYK
- cmyk(11% 0% 69% 38%)
Tints · Shades · Tones
Tints
- 96A74A
- A1B160
- ACBA75
- B7C489
- C3CE9D
- CFD8B1
- DAE2C4
- E6EBD8
- F3F5EB
Shades
- 788828
- 667321
- 545F1A
- 434C13
- 323A0C
- 232806
- 141803
- 070901
- 010100
Tones
- 8A9A3D
- 899848
- 879551
- 869259
- 858F61
- 848C68
- 83896E
- 828674
- 81837A
Farbharmonien
Komplementär +180°
- 8B9D30
Vigorous Wasabi
- 9D7FD9
≈ Indigo Bloom
Analog -30° +30°
- 8B9D30
Vigorous Wasabi
- B48D08
≈ Cobra Leather
- 51A862
≈ Exploration Green
Triadisch +120° +240°
- 8B9D30
Vigorous Wasabi
- 2B9CDA
≈ Homeworld
- D26D92
≈ Hopbush
Geteilt komplementär +150° +210°
- 8B9D30
Vigorous Wasabi
- 708EE4
≈ Guilliman Blue
- BE73BB
≈ Gulābī Pink
Tetradisch +90° +180° +270°
- 8B9D30
Vigorous Wasabi
- 00A5B7
≈ Garish Blue
- 9D7FD9
≈ Indigo Bloom
- D86F63
≈ Native Berry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.01:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.96:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--vigorous-wasabi: #8b9d30;
--vigorous-wasabi-rgb: 139 157 48;
--vigorous-wasabi-oklch: oklch(0.661 0.133 118.3);
}
.element {
color: var(--vigorous-wasabi);
background-color: hsl(70 53% 40%);
border-color: oklch(0.661 0.133 118.3);
}Tailwind CSS v4
@theme {
--color-vigorous-wasabi: #8b9d30;
--color-vigorous-wasabi-50: #f0fcd1;
--color-vigorous-wasabi-100: #e1efbe;
--color-vigorous-wasabi-200: #ccdd9d;
--color-vigorous-wasabi-300: #aec272;
--color-vigorous-wasabi-400: #97a945;
--color-vigorous-wasabi-500: #7e9100;
--color-vigorous-wasabi-600: #6b7b05;
--color-vigorous-wasabi-700: #566207;
--color-vigorous-wasabi-800: #404801;
--color-vigorous-wasabi-900: #2c3202;
--color-vigorous-wasabi-950: #191d00;
}SCSS
$vigorous-wasabi: #8b9d30;
$vigorous-wasabi-rgb: 139, 157, 48;
$vigorous-wasabi-light: mix(#fff, $vigorous-wasabi, 20%);
$vigorous-wasabi-dark: mix(#000, $vigorous-wasabi, 20%);
.element {
color: $vigorous-wasabi;
box-shadow: 0 0 0 2px rgba($vigorous-wasabi, 0.35);
}