Benannte Farbe · #11CC00
Celestial Alien
Celestial Alien ist #11CC00: rgb(17 204 0), hsl(115 100% 40%), oklch(0.733 0.248 142.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Celestial Alien color name →
#11CC00
oklch(0.733 0.248 142.2)
Farbumrechnungen
- HEX
- #11cc00
- RGB
- rgb(17 204 0)
- HSL
- hsl(115 100% 40%)
- HWB
- hwb(115 0% 20%)
- OKLCH
- oklch(0.733 0.248 142.2)
- OKLab
- oklab(0.733 -0.196 0.152)
- CIE Lab
- lab(71.83 -66.28 68.57)
- LCH
- lch(71.83 95.36 134)
- CMYK
- cmyk(92% 0% 100% 20%)
Tints · Shades · Tones
Tints
- 45D23C
- 62D859
- 7ADD71
- 8FE387
- A3E89C
- B6EDB0
- C9F2C4
- DBF6D8
- EDFBEC
Shades
- 0DB100
- 099700
- 067E00
- 046500
- 024E00
- 013700
- 002200
- 000F00
- 000200
Tones
- 34C52B
- 45BD3D
- 52B64B
- 5CAF56
- 65A75F
- 6CA067
- 72986E
- 779075
- 7C887A
Farbharmonien
Komplementär +180°
- 11CC00
Celestial Alien
- EB68FF
≈ Hitsujiyama Pink
Analog -30° +30°
- 11CC00
Celestial Alien
- ACB200
≈ Mustard Green
- 00C59F
≈ Jadeite
Triadisch +120° +240°
- 11CC00
Celestial Alien
- 79A7FF
≈ Fennel Flower
- FF7979
≈ Embarrassment
Geteilt komplementär +150° +210°
- 11CC00
Celestial Alien
- AC95FF
≈ Cobalite
- FF6DB5
≈ Fěn Hóng Pink
Tetradisch +90° +180° +270°
- 11CC00
Celestial Alien
- 00B7F6
≈ Zima Blue
- EB68FF
≈ Hitsujiyama Pink
- FF8113
≈ Oriole
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.17:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.66:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--celestial-alien: #11cc00;
--celestial-alien-rgb: 17 204 0;
--celestial-alien-oklch: oklch(0.733 0.248 142.2);
}
.element {
color: var(--celestial-alien);
background-color: hsl(115 100% 40%);
border-color: oklch(0.733 0.248 142.2);
}Tailwind CSS v4
@theme {
--color-celestial-alien: #11cc00;
--color-celestial-alien-50: #caffc9;
--color-celestial-alien-100: #b4feb3;
--color-celestial-alien-200: #8df08e;
--color-celestial-alien-300: #56d75d;
--color-celestial-alien-400: #13c004;
--color-celestial-alien-500: #00a900;
--color-celestial-alien-600: #008f00;
--color-celestial-alien-700: #007300;
--color-celestial-alien-800: #005400;
--color-celestial-alien-900: #003b00;
--color-celestial-alien-950: #002400;
}SCSS
$celestial-alien: #11cc00;
$celestial-alien-rgb: 17, 204, 0;
$celestial-alien-light: mix(#fff, $celestial-alien, 20%);
$celestial-alien-dark: mix(#000, $celestial-alien, 20%);
.element {
color: $celestial-alien;
box-shadow: 0 0 0 2px rgba($celestial-alien, 0.35);
}