Benannte Farbe · #24DD7E
Shivering Green
Shivering Green ist #24DD7E: rgb(36 221 126), hsl(149 73% 50%), oklch(0.79 0.193 153.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Shivering Green color name →
#24DD7E
oklch(0.79 0.193 153.7)
Farbumrechnungen
- HEX
- #24dd7e
- RGB
- rgb(36 221 126)
- HSL
- hsl(149 73% 50%)
- HWB
- hwb(149 14% 13%)
- OKLCH
- oklch(0.79 0.193 153.7)
- OKLab
- oklab(0.79 -0.173 0.085)
- CIE Lab
- lab(78.16 -61.15 33.74)
- LCH
- lch(78.16 69.84 151.1)
- CMYK
- cmyk(84% 0% 43% 13%)
Tints · Shades · Tones
Tints
- 50E18B
- 6CE599
- 83E9A6
- 97ECB2
- AAF0BF
- BCF3CC
- CDF6D9
- DEF9E5
- EFFCF2
Shades
- 1EC06D
- 18A45C
- 12884C
- 0C6E3C
- 07552D
- 043D1F
- 022611
- 001105
- 000201
Tones
- 3FD47F
- 4FCA80
- 5BC180
- 64B881
- 6BAF81
- 71A581
- 769C81
- 7A9381
- 7D8981
Farbharmonien
Komplementär +180°
- 24DD7E
Shivering Green
- FF89EB
≈ Splash of Grenadine
Analog -30° +30°
- 24DD7E
Shivering Green
- A2CE10
≈ Pêra Rocha
- 00D7C4
≈ Turquoise Panic
Triadisch +120° +240°
- 24DD7E
Shivering Green
- A5B6FF
≈ Truesky Gloxym
- FF9D86
≈ Candy
Geteilt komplementär +150° +210°
- 24DD7E
Shivering Green
- CDA5FF
≈ Lilac
- FF96B2
≈ Baker-Miller Pink
Tetradisch +90° +180° +270°
- 24DD7E
Shivering Green
- 76C3FF
≈ Maya Blue
- FF89EB
≈ Splash of Grenadine
- FFA23E
≈ Radiation Carrot
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.71:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.71:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--shivering-green: #24dd7e;
--shivering-green-rgb: 36 221 126;
--shivering-green-oklch: oklch(0.79 0.193 153.7);
}
.element {
color: var(--shivering-green);
background-color: hsl(149 73% 50%);
border-color: oklch(0.79 0.193 153.7);
}Tailwind CSS v4
@theme {
--color-shivering-green: #24dd7e;
--color-shivering-green-50: #c9ffde;
--color-shivering-green-100: #b3fccd;
--color-shivering-green-200: #8bedb1;
--color-shivering-green-300: #52d48c;
--color-shivering-green-400: #00be66;
--color-shivering-green-500: #00a842;
--color-shivering-green-600: #008e39;
--color-shivering-green-700: #00722d;
--color-shivering-green-800: #00541b;
--color-shivering-green-900: #003a12;
--color-shivering-green-950: #002404;
}SCSS
$shivering-green: #24dd7e;
$shivering-green-rgb: 36, 221, 126;
$shivering-green-light: mix(#fff, $shivering-green, 20%);
$shivering-green-dark: mix(#000, $shivering-green, 20%);
.element {
color: $shivering-green;
box-shadow: 0 0 0 2px rgba($shivering-green, 0.35);
}