Màu có tên · #97EA10
Scorpion Venom
Scorpion Venom là #97EA10: rgb(151 234 16), hsl(83 87% 49%), oklch(0.851 0.229 130.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Scorpion Venom color name →
#97EA10
oklch(0.851 0.229 130.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A2ED47
- ACEF64
- B7F27C
- C1F491
- CCF7A5
- D6F9B8
- E0FACA
- EBFCDC
- F5FEEE
Sắc đậm
- 83CB0C
- 6FAE09
- 5C9106
- 497504
- 375A02
- 264101
- 172900
- 081300
- 010300
Sắc xám
- 95DF35
- 93D547
- 91CA54
- 8FC05E
- 8DB567
- 8BAA6D
- 88A073
- 869578
- 838B7C
Hòa sắc
Bổ túc +180°
- 97EA10
Scorpion Venom
- E3BCFF
≈ Lavender Fragrance
Tương đồng -30° +30°
- 97EA10
Scorpion Venom
- E8D000
≈ Citrine
- 00F3A4
≈ Hyperpop Green
Bộ ba +120° +240°
- 97EA10
Scorpion Venom
- A9D2FF
≈ Ice Cold Stare
- FFB8C1
≈ Matt Pink
Bổ túc chia +150° +210°
- 97EA10
Scorpion Venom
- C4C9FF
≈ Light Periwinkle
- FFB2E3
≈ Hot Aquarelle Pink
Bộ bốn +90° +180° +270°
- 97EA10
Scorpion Venom
- 76DEFF
≈ Athena Blue
- E3BCFF
≈ Lavender Fragrance
- FFBCA4
≈ Blushing Apricot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.49:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.09:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.09:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
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);
}