Benannte Farbe · #97EA10
Scorpion Venom
Scorpion Venom ist #97EA10: rgb(151 234 16), hsl(83 87% 49%), oklch(0.851 0.229 130.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Scorpion Venom color name →
#97EA10
oklch(0.851 0.229 130.9)
Farbumrechnungen
- HEX
- #97ea10
- RGB
- rgb(151 234 16)
- HSL
- hsl(83 87% 49%)
- HWB
- hwb(83 6% 8%)
- OKLCH
- oklch(0.851 0.229 130.9)
- OKLab
- oklab(0.851 -0.15 0.173)
- CIE Lab
- lab(84.95 -46.54 79.24)
- LCH
- lch(84.95 91.9 120.4)
- CMYK
- cmyk(35% 0% 93% 8%)
Tints · Shades · Tones
Tints
- A2ED47
- ACEF64
- B7F27C
- C1F491
- CCF7A5
- D6F9B8
- E0FACA
- EBFCDC
- F5FEEE
Shades
- 83CB0C
- 6FAE09
- 5C9106
- 497504
- 375A02
- 264101
- 172900
- 081300
- 010300
Tones
- 95DF35
- 93D547
- 91CA54
- 8FC05E
- 8DB567
- 8BAA6D
- 88A073
- 869578
- 838B7C
Farbharmonien
Komplementär +180°
- 97EA10
Scorpion Venom
- E3BCFF
≈ Lavender Fragrance
Analog -30° +30°
- 97EA10
Scorpion Venom
- E8D000
≈ Citrine
- 00F3A4
≈ Hyperpop Green
Triadisch +120° +240°
- 97EA10
Scorpion Venom
- A9D2FF
≈ Ice Cold Stare
- FFB8C1
≈ Matt Pink
Geteilt komplementär +150° +210°
- 97EA10
Scorpion Venom
- C4C9FF
≈ Light Periwinkle
- FFB2E3
≈ Hot Aquarelle Pink
Tetradisch +90° +180° +270°
- 97EA10
Scorpion Venom
- 76DEFF
≈ Athena Blue
- E3BCFF
≈ Lavender Fragrance
- FFBCA4
≈ Blushing Apricot
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.09:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.09:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--scorpion-venom: #97ea10;
--scorpion-venom-rgb: 151 234 16;
--scorpion-venom-oklch: oklch(0.851 0.229 130.9);
}
.element {
color: var(--scorpion-venom);
background-color: hsl(83 87% 49%);
border-color: oklch(0.851 0.229 130.9);
}Tailwind CSS v4
@theme {
--color-scorpion-venom: #97ea10;
--color-scorpion-venom-50: #dcffc0;
--color-scorpion-venom-100: #caf9a9;
--color-scorpion-venom-200: #ade980;
--color-scorpion-venom-300: #87cf46;
--color-scorpion-venom-400: #6cb700;
--color-scorpion-venom-500: #49a000;
--color-scorpion-venom-600: #3f8700;
--color-scorpion-venom-700: #326c00;
--color-scorpion-venom-800: #284f00;
--color-scorpion-venom-900: #1b3700;
--color-scorpion-venom-950: #0b2100;
}SCSS
$scorpion-venom: #97ea10;
$scorpion-venom-rgb: 151, 234, 16;
$scorpion-venom-light: mix(#fff, $scorpion-venom, 20%);
$scorpion-venom-dark: mix(#000, $scorpion-venom, 20%);
.element {
color: $scorpion-venom;
box-shadow: 0 0 0 2px rgba($scorpion-venom, 0.35);
}