Colore con nome · #77FF66
Poisonous Dart
Poisonous Dart è #77FF66: rgb(119 255 102), hsl(113 100% 70%), oklch(0.892 0.227 141.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Poisonous Dart color name →
#77FF66
oklch(0.892 0.227 141.5)
Conversioni di colore
- HEX
- #77ff66
- RGB
- rgb(119 255 102)
- HSL
- hsl(113 100% 70%)
- HWB
- hwb(113 40% 0%)
- OKLCH
- oklch(0.892 0.227 141.5)
- OKLab
- oklab(0.892 -0.178 0.142)
- CIE Lab
- lab(90.14 -59.96 59.44)
- LCH
- lch(90.14 84.43 135.3)
- CMYK
- cmyk(53% 0% 60% 0%)
Tinte · Ombre · Toni
Tinte
- 89FF79
- 98FF8B
- A7FF9B
- B5FFAB
- C2FFB9
- CFFFC8
- DCFFD6
- E8FFE4
- F3FFF2
Ombre
- 67DE58
- 57BE4A
- 479E3C
- 38802F
- 2A6323
- 1C4817
- 102E0C
- 051604
- 010300
Toni
- 7BF26C
- 7EE571
- 80D875
- 82CC78
- 83BF7B
- 83B27D
- 83A67E
- 83997F
- 828D80
Armonie di colore
Complementare +180°
- 77FF66
Poisonous Dart
- F7C9FF
≈ Sparkling Lavender
Analogo -30° +30°
- 77FF66
Poisonous Dart
- E1E600
≈ Peridot
- 21FFCD
≈ Plunge Pool
Triadico +120° +240°
- 77FF66
Poisonous Dart
- C9DDFF
≈ Arc Light
- FFCECB
≈ Aromatic Breeze
Complementare divisa +150° +210°
- 77FF66
Poisonous Dart
- DBD6FF
≈ Pale Lavender
- FFCAE0
≈ Cherry Blush
Tetradico +90° +180° +270°
- 77FF66
Poisonous Dart
- B1E4FF
≈ Frozen Landscape
- F7C9FF
≈ Sparkling Lavender
- FFD0B6
≈ Apricot Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.28:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.28:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--poisonous-dart: #77ff66;
--poisonous-dart-rgb: 119 255 102;
--poisonous-dart-oklch: oklch(0.892 0.227 141.5);
}
.element {
color: var(--poisonous-dart);
background-color: hsl(113 100% 70%);
border-color: oklch(0.892 0.227 141.5);
}Tailwind CSS v4
@theme {
--color-poisonous-dart: #77ff66;
--color-poisonous-dart-50: #cfffcc;
--color-poisonous-dart-100: #bafcb7;
--color-poisonous-dart-200: #96ed93;
--color-poisonous-dart-300: #65d465;
--color-poisonous-dart-400: #38bd25;
--color-poisonous-dart-500: #00a700;
--color-poisonous-dart-600: #008d00;
--color-poisonous-dart-700: #007100;
--color-poisonous-dart-800: #005300;
--color-poisonous-dart-900: #003a00;
--color-poisonous-dart-950: #002400;
}SCSS
$poisonous-dart: #77ff66;
$poisonous-dart-rgb: 119, 255, 102;
$poisonous-dart-light: mix(#fff, $poisonous-dart, 20%);
$poisonous-dart-dark: mix(#000, $poisonous-dart, 20%);
.element {
color: $poisonous-dart;
box-shadow: 0 0 0 2px rgba($poisonous-dart, 0.35);
}