Benannte Farbe · #61E160
Lightish Green
Lightish Green ist #61E160: rgb(97 225 96), hsl(120 68% 63%), oklch(0.81 0.205 143.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Lightish Green color name →
#61E160
oklch(0.81 0.205 143.3)
Farbumrechnungen
- HEX
- #61e160
- RGB
- rgb(97 225 96)
- HSL
- hsl(120 68% 63%)
- HWB
- hwb(120 38% 12%)
- OKLCH
- oklch(0.81 0.205 143.3)
- OKLab
- oklab(0.81 -0.164 0.122)
- CIE Lab
- lab(80.37 -55.76 50.81)
- LCH
- lch(80.37 75.44 137.7)
- CMYK
- cmyk(57% 0% 57% 12%)
Tints · Shades · Tones
Tints
- 75E573
- 87E884
- 98EB94
- A8EFA4
- B7F2B4
- C6F5C3
- D5F8D2
- E3FAE1
- F1FDF0
Shades
- 53C452
- 46A745
- 398B38
- 2D702C
- 215620
- 153E15
- 0B270A
- 031203
- 000200
Tones
- 68D766
- 6DCE6B
- 72C46F
- 76BA73
- 79B176
- 7BA779
- 7D9D7B
- 7F947D
- 7F8A7F
Farbharmonien
Komplementär +180°
- 61E160
Lightish Green
- F599FF
≈ Party Pig
Analog -30° +30°
- 61E160
Lightish Green
- C2CC00
≈ Garlic Pesto
- 00E1B8
≈ Lifeless Green
Triadisch +120° +240°
- 61E160
Lightish Green
- A1C1FF
≈ Pastel Blue
- FFA5A0
≈ Pink Dream
Geteilt komplementär +150° +210°
- 61E160
Lightish Green
- C3B4FF
≈ Greyish Lavender
- FF9FC7
≈ Bazooka Pink
Tetradisch +90° +180° +270°
- 61E160
Lightish Green
- 6ECDFF
≈ Skyan
- F599FF
≈ Party Pig
- FFAA73
≈ Larch Bolete
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.44:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--lightish-green: #61e160;
--lightish-green-rgb: 97 225 96;
--lightish-green-oklch: oklch(0.81 0.205 143.3);
}
.element {
color: var(--lightish-green);
background-color: hsl(120 68% 63%);
border-color: oklch(0.81 0.205 143.3);
}Tailwind CSS v4
@theme {
--color-lightish-green: #61e160;
--color-lightish-green-50: #d1ffd2;
--color-lightish-green-100: #bdfbbe;
--color-lightish-green-200: #9aec9e;
--color-lightish-green-300: #6bd273;
--color-lightish-green-400: #41bb42;
--color-lightish-green-500: #00a500;
--color-lightish-green-600: #008b00;
--color-lightish-green-700: #007000;
--color-lightish-green-800: #025200;
--color-lightish-green-900: #033900;
--color-lightish-green-950: #002300;
}SCSS
$lightish-green: #61e160;
$lightish-green-rgb: 97, 225, 96;
$lightish-green-light: mix(#fff, $lightish-green, 20%);
$lightish-green-dark: mix(#000, $lightish-green, 20%);
.element {
color: $lightish-green;
box-shadow: 0 0 0 2px rgba($lightish-green, 0.35);
}