Colore con nome · #73E608
Hypnotic Green
Hypnotic Green è #73E608: rgb(115 230 8), hsl(91 93% 47%), oklch(0.824 0.243 136). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hypnotic Green color name →
#73E608
oklch(0.824 0.243 136)
Conversioni di colore
- HEX
- #73e608
- RGB
- rgb(115 230 8)
- HSL
- hsl(91 93% 47%)
- HWB
- hwb(91 3% 10%)
- OKLCH
- oklch(0.824 0.243 136)
- OKLab
- oklab(0.824 -0.175 0.169)
- CIE Lab
- lab(82.14 -56.48 76.97)
- LCH
- lch(82.14 95.47 126.3)
- CMYK
- cmyk(50% 0% 97% 10%)
Tinte · Ombre · Toni
Tinte
- 83E943
- 93EC61
- A1EF79
- B0F28F
- BDF5A3
- CBF7B6
- D8FAC9
- E5FCDB
- F2FDED
Ombre
- 63C806
- 54AB04
- 458E03
- 367302
- 285901
- 1B4001
- 0F2800
- 051300
- 010300
Toni
- 76DC31
- 79D244
- 7CC852
- 7DBD5C
- 7FB365
- 80A96C
- 809F72
- 809577
- 808A7C
Armonie di colore
Complementare +180°
- 73E608
Hypnotic Green
- E7AAFF
≈ Pink Sugar
Analogo -30° +30°
- 73E608
Hypnotic Green
- D5CB00
≈ March Green
- 00E7AB
≈ Mega Teal
Triadico +120° +240°
- 73E608
Hypnotic Green
- 9FC8FF
≈ Apocyan
- FFABB0
≈ Apricot Haze
Complementare divisa +150° +210°
- 73E608
Hypnotic Green
- C0BDFF
≈ Dried Lilac
- FFA4D6
≈ Corinthian Pink
Tetradico +90° +180° +270°
- 73E608
Hypnotic Green
- 67D5FF
≈ Heisenberg Blue
- E7AAFF
≈ Pink Sugar
- FFB08B
≈ Spice Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.05:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--hypnotic-green: #73e608;
--hypnotic-green-rgb: 115 230 8;
--hypnotic-green-oklch: oklch(0.824 0.243 136);
}
.element {
color: var(--hypnotic-green);
background-color: hsl(91 93% 47%);
border-color: oklch(0.824 0.243 136);
}Tailwind CSS v4
@theme {
--color-hypnotic-green: #73e608;
--color-hypnotic-green-50: #d3ffc2;
--color-hypnotic-green-100: #c0fcab;
--color-hypnotic-green-200: #9fed83;
--color-hypnotic-green-300: #72d34c;
--color-hypnotic-green-400: #50bb00;
--color-hypnotic-green-500: #0fa500;
--color-hypnotic-green-600: #158b00;
--color-hypnotic-green-700: #127000;
--color-hypnotic-green-800: #155200;
--color-hypnotic-green-900: #0d3900;
--color-hypnotic-green-950: #012300;
}SCSS
$hypnotic-green: #73e608;
$hypnotic-green-rgb: 115, 230, 8;
$hypnotic-green-light: mix(#fff, $hypnotic-green, 20%);
$hypnotic-green-dark: mix(#000, $hypnotic-green, 20%);
.element {
color: $hypnotic-green;
box-shadow: 0 0 0 2px rgba($hypnotic-green, 0.35);
}