Benannte Farbe · #00EE00
Delightful Green
Delightful Green ist #00EE00: rgb(0 238 0), hsl(120 100% 47%), oklch(0.822 0.28 142.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Delightful Green color name →
#00EE00
oklch(0.822 0.28 142.5)
Farbumrechnungen
- HEX
- #00ee00
- RGB
- rgb(0 238 0)
- HSL
- hsl(120 100% 47%)
- HWB
- hwb(120 0% 7%)
- OKLCH
- oklch(0.822 0.28 142.5)
- OKLab
- oklab(0.822 -0.222 0.17)
- CIE Lab
- lab(82.54 -75.24 76.87)
- LCH
- lch(82.54 107.57 134.4)
- CMYK
- cmyk(100% 0% 100% 7%)
Tints · Shades · Tones
Tints
- 49F142
- 68F360
- 81F679
- 96F88F
- AAFAA3
- BCFBB6
- CEFDC9
- DEFEDB
- EFFEED
Shades
- 00CF00
- 00B100
- 009300
- 007700
- 005C00
- 004200
- 002A00
- 001400
- 000300
Tones
- 35E330
- 4AD843
- 58CD51
- 62C35C
- 6AB864
- 71AD6C
- 76A272
- 7A9777
- 7D8B7C
Farbharmonien
Komplementär +180°
- 00EE00
Delightful Green
- F4A1FF
≈ Rich Brilliant Lavender
Analog -30° +30°
- 00EE00
Delightful Green
- C8D000
≈ Golden Foil
- 00E5BA
≈ Aquamarine
Triadisch +120° +240°
- 00EE00
Delightful Green
- A6C5FF
≈ Pastel Blue
- FFABA7
≈ Patient Pink
Geteilt komplementär +150° +210°
- 00EE00
Delightful Green
- C6BAFF
≈ Lavender Tonic
- FFA5CC
≈ Bazooka Pink
Tetradisch +90° +180° +270°
- 00EE00
Delightful Green
- 78D1FF
≈ Heisenberg Blue
- F4A1FF
≈ Rich Brilliant Lavender
- FFB07F
≈ Sassy Peach
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.22:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.22:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--delightful-green: #00ee00;
--delightful-green-rgb: 0 238 0;
--delightful-green-oklch: oklch(0.822 0.28 142.5);
}
.element {
color: var(--delightful-green);
background-color: hsl(120 100% 47%);
border-color: oklch(0.822 0.28 142.5);
}Tailwind CSS v4
@theme {
--color-delightful-green: #00ee00;
--color-delightful-green-50: #c3ffc3;
--color-delightful-green-100: #acffac;
--color-delightful-green-200: #80f384;
--color-delightful-green-300: #3cda4d;
--color-delightful-green-400: #00c300;
--color-delightful-green-500: #00ad00;
--color-delightful-green-600: #009200;
--color-delightful-green-700: #007500;
--color-delightful-green-800: #005600;
--color-delightful-green-900: #003c00;
--color-delightful-green-950: #002500;
}SCSS
$delightful-green: #00ee00;
$delightful-green-rgb: 0, 238, 0;
$delightful-green-light: mix(#fff, $delightful-green, 20%);
$delightful-green-dark: mix(#000, $delightful-green, 20%);
.element {
color: $delightful-green;
box-shadow: 0 0 0 2px rgba($delightful-green, 0.35);
}