Colore con nome · #11CC44
Walled Garden
Walled Garden è #11CC44: rgb(17 204 68), hsl(136 85% 43%), oklch(0.736 0.223 145.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Walled Garden color name →
#11CC44
oklch(0.736 0.223 145.8)
Conversioni di colore
- HEX
- #11cc44
- RGB
- rgb(17 204 68)
- HSL
- hsl(136 85% 43%)
- HWB
- hwb(136 7% 20%)
- OKLCH
- oklch(0.736 0.223 145.8)
- OKLab
- oklab(0.736 -0.184 0.125)
- CIE Lab
- lab(72.07 -63.67 52.88)
- LCH
- lch(72.07 82.77 140.3)
- CMYK
- cmyk(92% 0% 67% 20%)
Tinte · Ombre · Toni
Tinte
- 45D25B
- 62D870
- 7ADD83
- 90E295
- A4E8A7
- B7EDB9
- C9F2CB
- DCF6DC
- EDFBEE
Ombre
- 0DB13A
- 099730
- 067E26
- 04651D
- 024E14
- 01370C
- 002205
- 000F02
- 000200
Toni
- 34C54E
- 46BD57
- 53B65E
- 5DAE64
- 65A76A
- 6C9F6F
- 729874
- 789078
- 7C887C
Armonie di colore
Complementare +180°
- 11CC44
Walled Garden
- EE6DF3
≈ Pink Ping
Analogo -30° +30°
- 11CC44
Walled Garden
- A6B500
≈ Mustard Green
- 00C5A6
≈ Jade Mountain
Triadico +120° +240°
- 11CC44
Walled Garden
- 81A6FF
≈ Fennel Flower
- FF7C73
≈ Salmon Sashimi
Complementare divisa +150° +210°
- 11CC44
Walled Garden
- B393FF
≈ Lilac Geode
- FF71AE
≈ Crazy Pink
Tetradico +90° +180° +270°
- 11CC44
Walled Garden
- 00B7FF
≈ Blue Bolt
- EE6DF3
≈ Pink Ping
- FC8500
≈ The New Black
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.74:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.74:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--walled-garden: #11cc44;
--walled-garden-rgb: 17 204 68;
--walled-garden-oklch: oklch(0.736 0.223 145.8);
}
.element {
color: var(--walled-garden);
background-color: hsl(136 85% 43%);
border-color: oklch(0.736 0.223 145.8);
}Tailwind CSS v4
@theme {
--color-walled-garden: #11cc44;
--color-walled-garden-50: #caffd1;
--color-walled-garden-100: #b5fdbe;
--color-walled-garden-200: #8eee9d;
--color-walled-garden-300: #58d572;
--color-walled-garden-400: #0fbf3f;
--color-walled-garden-500: #00a800;
--color-walled-garden-600: #008e00;
--color-walled-garden-700: #007200;
--color-walled-garden-800: #005400;
--color-walled-garden-900: #003b00;
--color-walled-garden-950: #002400;
}SCSS
$walled-garden: #11cc44;
$walled-garden-rgb: 17, 204, 68;
$walled-garden-light: mix(#fff, $walled-garden, 20%);
$walled-garden-dark: mix(#000, $walled-garden, 20%);
.element {
color: $walled-garden;
box-shadow: 0 0 0 2px rgba($walled-garden, 0.35);
}