Benannte Farbe · #73E608
Hypnotic Green
Hypnotic Green ist #73E608: rgb(115 230 8), hsl(91 93% 47%), oklch(0.824 0.243 136). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Hypnotic Green color name →
#73E608
oklch(0.824 0.243 136)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 83E943
- 93EC61
- A1EF79
- B0F28F
- BDF5A3
- CBF7B6
- D8FAC9
- E5FCDB
- F2FDED
Shades
- 63C806
- 54AB04
- 458E03
- 367302
- 285901
- 1B4001
- 0F2800
- 051300
- 010300
Tones
- 76DC31
- 79D244
- 7CC852
- 7DBD5C
- 7FB365
- 80A96C
- 809F72
- 809577
- 808A7C
Farbharmonien
Komplementär +180°
- 73E608
Hypnotic Green
- E7AAFF
≈ Pink Sugar
Analog -30° +30°
- 73E608
Hypnotic Green
- D5CB00
≈ March Green
- 00E7AB
≈ Mega Teal
Triadisch +120° +240°
- 73E608
Hypnotic Green
- 9FC8FF
≈ Apocyan
- FFABB0
≈ Apricot Haze
Geteilt komplementär +150° +210°
- 73E608
Hypnotic Green
- C0BDFF
≈ Dried Lilac
- FFA4D6
≈ Corinthian Pink
Tetradisch +90° +180° +270°
- 73E608
Hypnotic Green
- 67D5FF
≈ Heisenberg Blue
- E7AAFF
≈ Pink Sugar
- FFB08B
≈ Spice Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.05:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
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);
}