لون مسمّى · #97EA10
Scorpion Venom
Scorpion Venom هو #97EA10: rgb(151 234 16)، hsl(83 87% 49%)، oklch(0.851 0.229 130.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Scorpion Venom color name →
#97EA10
oklch(0.851 0.229 130.9)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A2ED47
- ACEF64
- B7F27C
- C1F491
- CCF7A5
- D6F9B8
- E0FACA
- EBFCDC
- F5FEEE
درجات داكنة
- 83CB0C
- 6FAE09
- 5C9106
- 497504
- 375A02
- 264101
- 172900
- 081300
- 010300
درجات رمادية
- 95DF35
- 93D547
- 91CA54
- 8FC05E
- 8DB567
- 8BAA6D
- 88A073
- 869578
- 838B7C
تناسق الألوان
متمم +180°
- 97EA10
Scorpion Venom
- E3BCFF
≈ Lavender Fragrance
متجاور -30° +30°
- 97EA10
Scorpion Venom
- E8D000
≈ Citrine
- 00F3A4
≈ Hyperpop Green
ثلاثي +120° +240°
- 97EA10
Scorpion Venom
- A9D2FF
≈ Ice Cold Stare
- FFB8C1
≈ Matt Pink
متمم منقسم +150° +210°
- 97EA10
Scorpion Venom
- C4C9FF
≈ Light Periwinkle
- FFB2E3
≈ Hot Aquarelle Pink
رباعي +90° +180° +270°
- 97EA10
Scorpion Venom
- 76DEFF
≈ Athena Blue
- E3BCFF
≈ Lavender Fragrance
- FFBCA4
≈ Blushing Apricot
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.09:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.09:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
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);
}