Colore con nome · #11EE00
Squeeze Toy Alien
Squeeze Toy Alien è #11EE00: rgb(17 238 0), hsl(116 100% 47%), oklch(0.823 0.279 142.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Squeeze Toy Alien color name →
#11EE00
oklch(0.823 0.279 142.3)
Conversioni di colore
- HEX
- #11ee00
- RGB
- rgb(17 238 0)
- HSL
- hsl(116 100% 47%)
- HWB
- hwb(116 0% 7%)
- OKLCH
- oklch(0.823 0.279 142.3)
- OKLab
- oklab(0.823 -0.221 0.17)
- CIE Lab
- lab(82.6 -74.66 76.96)
- LCH
- lch(82.6 107.23 134.1)
- CMYK
- cmyk(93% 0% 100% 7%)
Tinte · Ombre · Toni
Tinte
- 4BF142
- 6AF360
- 82F679
- 97F88F
- AAFAA3
- BDFBB6
- CEFDC9
- DFFEDB
- EFFEED
Ombre
- 0DCF00
- 09B100
- 069300
- 047700
- 025C00
- 014200
- 002A00
- 001400
- 000300
Toni
- 39E330
- 4CD843
- 59CD51
- 63C25C
- 6BB864
- 71AD6C
- 76A272
- 7A9777
- 7E8B7C
Armonie di colore
Complementare +180°
- 11EE00
Squeeze Toy Alien
- F3A2FF
≈ Rich Brilliant Lavender
Analogo -30° +30°
- 11EE00
Squeeze Toy Alien
- C8D000
≈ Golden Foil
- 00E6BA
≈ Aquamarine
Triadico +120° +240°
- 11EE00
Squeeze Toy Alien
- A6C6FF
≈ Night Snow
- FFACA8
≈ Patient Pink
Complementare divisa +150° +210°
- 11EE00
Squeeze Toy Alien
- C6BAFF
≈ Lavender Tonic
- FFA6CC
≈ Bazooka Pink
Tetradico +90° +180° +270°
- 11EE00
Squeeze Toy Alien
- 78D1FF
≈ Heisenberg Blue
- F3A2FF
≈ Rich Brilliant Lavender
- FFB080
≈ Sassy Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.25:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--squeeze-toy-alien: #11ee00;
--squeeze-toy-alien-rgb: 17 238 0;
--squeeze-toy-alien-oklch: oklch(0.823 0.279 142.3);
}
.element {
color: var(--squeeze-toy-alien);
background-color: hsl(116 100% 47%);
border-color: oklch(0.823 0.279 142.3);
}Tailwind CSS v4
@theme {
--color-squeeze-toy-alien: #11ee00;
--color-squeeze-toy-alien-50: #c4ffc3;
--color-squeeze-toy-alien-100: #acffac;
--color-squeeze-toy-alien-200: #81f284;
--color-squeeze-toy-alien-300: #3eda4d;
--color-squeeze-toy-alien-400: #00c300;
--color-squeeze-toy-alien-500: #00ac00;
--color-squeeze-toy-alien-600: #009200;
--color-squeeze-toy-alien-700: #007500;
--color-squeeze-toy-alien-800: #005600;
--color-squeeze-toy-alien-900: #003c00;
--color-squeeze-toy-alien-950: #002500;
}SCSS
$squeeze-toy-alien: #11ee00;
$squeeze-toy-alien-rgb: 17, 238, 0;
$squeeze-toy-alien-light: mix(#fff, $squeeze-toy-alien, 20%);
$squeeze-toy-alien-dark: mix(#000, $squeeze-toy-alien, 20%);
.element {
color: $squeeze-toy-alien;
box-shadow: 0 0 0 2px rgba($squeeze-toy-alien, 0.35);
}