Benannte Farbe · #E1FE52
Green Ooze
Green Ooze ist #E1FE52: rgb(225 254 82), hsl(70 99% 66%), oklch(0.946 0.192 118.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Ooze color name →
#E1FE52
oklch(0.946 0.192 118.5)
Farbumrechnungen
- HEX
- #e1fe52
- RGB
- rgb(225 254 82)
- HSL
- hsl(70 99% 66%)
- HWB
- hwb(70 32% 0%)
- OKLCH
- oklch(0.946 0.192 118.5)
- OKLab
- oklab(0.946 -0.092 0.169)
- CIE Lab
- lab(95.29 -25.66 74.47)
- LCH
- lch(95.29 78.77 109)
- CMYK
- cmyk(11% 0% 68% 0%)
Tints · Shades · Tones
Tints
- E4FF6C
- E6FF81
- E9FF94
- ECFFA5
- EFFFB6
- F2FFC5
- F5FFD4
- F8FFE3
- FCFFF1
Shades
- C4DD46
- A7BD3B
- 8B9E2F
- 708025
- 56631A
- 3E4711
- 272D08
- 121602
- 020300
Tones
- D7F15D
- CDE466
- C2D76D
- B9CB72
- AFBE77
- A5B17A
- 9CA57C
- 92997E
- 898C7F
Farbharmonien
Komplementär +180°
- E1FE52
Green Ooze
- EFE9FF
≈ Placebo Purple
Analog -30° +30°
- E1FE52
Green Ooze
- FFECBC
≈ Sun-Kissed Sands
- C3FFCB
≈ Toxic Steam
Triadisch +120° +240°
- E1FE52
Green Ooze
- DCF0FF
≈ Calcareous Sinter
- FFE5ED
≈ Early Blossom
Geteilt komplementär +150° +210°
- E1FE52
Green Ooze
- E6EDFF
≈ Brilliant White
- FFE3FD
≈ Fairy Salt
Tetradisch +90° +180° +270°
- E1FE52
Green Ooze
- C7F7FF
≈ Vaporised
- EFE9FF
≈ Placebo Purple
- FFE7E3
≈ Olm Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.50:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.50:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--green-ooze: #e1fe52;
--green-ooze-rgb: 225 254 82;
--green-ooze-oklch: oklch(0.946 0.192 118.5);
}
.element {
color: var(--green-ooze);
background-color: hsl(70 99% 66%);
border-color: oklch(0.946 0.192 118.5);
}Tailwind CSS v4
@theme {
--color-green-ooze: #e1fe52;
--color-green-ooze-50: #edfec0;
--color-green-ooze-100: #dff2a9;
--color-green-ooze-200: #c9e180;
--color-green-ooze-300: #aac547;
--color-green-ooze-400: #94ac00;
--color-green-ooze-500: #7c9400;
--color-green-ooze-600: #697d00;
--color-green-ooze-700: #546400;
--color-green-ooze-800: #404900;
--color-green-ooze-900: #2c3300;
--color-green-ooze-950: #191e00;
}SCSS
$green-ooze: #e1fe52;
$green-ooze-rgb: 225, 254, 82;
$green-ooze-light: mix(#fff, $green-ooze, 20%);
$green-ooze-dark: mix(#000, $green-ooze, 20%);
.element {
color: $green-ooze;
box-shadow: 0 0 0 2px rgba($green-ooze, 0.35);
}