Benannte Farbe · #00EE22
Acid Pool
Acid Pool ist #00EE22: rgb(0 238 34), hsl(129 100% 47%), oklch(0.823 0.274 143.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Acid Pool color name →
#00EE22
oklch(0.823 0.274 143.2)
Farbumrechnungen
- HEX
- #00ee22
- RGB
- rgb(0 238 34)
- HSL
- hsl(129 100% 47%)
- HWB
- hwb(129 0% 7%)
- OKLCH
- oklch(0.823 0.274 143.2)
- OKLab
- oklab(0.823 -0.219 0.164)
- CIE Lab
- lab(82.59 -74.65 72.88)
- LCH
- lch(82.59 104.33 135.7)
- CMYK
- cmyk(100% 0% 86% 7%)
Tints · Shades · Tones
Tints
- 49F14B
- 68F366
- 81F67D
- 96F892
- AAF9A6
- BCFBB8
- CEFCCA
- DFFEDC
- EFFEEE
Shades
- 00CF1C
- 00B116
- 009311
- 00770B
- 005C07
- 004203
- 002A01
- 001400
- 000300
Tones
- 35E33B
- 4AD84B
- 58CD56
- 62C260
- 6AB867
- 71AD6E
- 76A273
- 7A9778
- 7D8B7C
Farbharmonien
Komplementär +180°
- 00EE22
Acid Pool
- F5A1FF
≈ Rich Brilliant Lavender
Analog -30° +30°
- 00EE22
Acid Pool
- C6D000
≈ Garlic Pesto
- 00E5BC
≈ Aquamarine
Triadisch +120° +240°
- 00EE22
Acid Pool
- A7C5FF
≈ Pastel Blue
- FFACA7
≈ Patient Pink
Geteilt komplementär +150° +210°
- 00EE22
Acid Pool
- C7BAFF
≈ Lavender Tonic
- FFA6CB
≈ Bazooka Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.25:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.25:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--acid-pool: #00ee22;
--acid-pool-rgb: 0 238 34;
--acid-pool-oklch: oklch(0.823 0.274 143.2);
}
.element {
color: var(--acid-pool);
background-color: hsl(129 100% 47%);
border-color: oklch(0.823 0.274 143.2);
}Tailwind CSS v4
@theme {
--color-acid-pool: #00ee22;
--color-acid-pool-50: #c3ffc5;
--color-acid-pool-100: #acffaf;
--color-acid-pool-200: #80f288;
--color-acid-pool-300: #3cda53;
--color-acid-pool-400: #00c300;
--color-acid-pool-500: #00ac00;
--color-acid-pool-600: #009200;
--color-acid-pool-700: #007500;
--color-acid-pool-800: #005600;
--color-acid-pool-900: #003c00;
--color-acid-pool-950: #002500;
}SCSS
$acid-pool: #00ee22;
$acid-pool-rgb: 0, 238, 34;
$acid-pool-light: mix(#fff, $acid-pool, 20%);
$acid-pool-dark: mix(#000, $acid-pool, 20%);
.element {
color: $acid-pool;
box-shadow: 0 0 0 2px rgba($acid-pool, 0.35);
}