Colore con nome · #009000
Maniac Green
Maniac Green è #009000: rgb(0 144 0), hsl(120 100% 28%), oklch(0.566 0.193 142.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Maniac Green color name →
#009000
oklch(0.566 0.193 142.5)
Conversioni di colore
- HEX
- #009000
- RGB
- rgb(0 144 0)
- HSL
- hsl(120 100% 28%)
- HWB
- hwb(120 0% 44%)
- OKLCH
- oklch(0.566 0.193 142.5)
- OKLab
- oklab(0.566 -0.153 0.117)
- CIE Lab
- lab(51.83 -51.79 52.92)
- LCH
- lch(51.83 74.05 134.4)
- CMYK
- cmyk(100% 0% 100% 44%)
Tinte · Ombre · Toni
Tinte
- 349B30
- 50A74B
- 68B263
- 7FBD79
- 94C88F
- AAD4A6
- BFDEBC
- D4E9D2
- EAF4E8
Ombre
- 007D00
- 006A00
- 005700
- 004500
- 003400
- 002400
- 001500
- 000700
- 000100
Toni
- 258F21
- 368E32
- 438D3F
- 4E8B4A
- 588A54
- 61885E
- 698667
- 71846F
- 798278
Armonie di colore
Complementare +180°
- 009000
Maniac Green
- A844B7
≈ Fuchsia Pheromone
Analogo -30° +30°
- 009000
Maniac Green
- 787D00
≈ Verde Tropa
- 008B6F
≈ Carolina Green
Triadico +120° +240°
- 009000
Maniac Green
- 336DE5
≈ Bluetiful
- CF323D
≈ Trinidad Moruga Scorpion
Complementare divisa +150° +210°
- 009000
Maniac Green
- 7D57DB
≈ Gloomy Purple
- C43481
≈ Shrine of Pleasures
Tetradico +90° +180° +270°
- 009000
Maniac Green
- 0081AF
≈ Tusche Blue
- A844B7
≈ Fuchsia Pheromone
- B65800
≈ Elm Brown Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.20:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.98:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--maniac-green: #009000;
--maniac-green-rgb: 0 144 0;
--maniac-green-oklch: oklch(0.566 0.193 142.5);
}
.element {
color: var(--maniac-green);
background-color: hsl(120 100% 28%);
border-color: oklch(0.566 0.193 142.5);
}Tailwind CSS v4
@theme {
--color-maniac-green: #009000;
--color-maniac-green-50: #d4ffd3;
--color-maniac-green-100: #c1f9c0;
--color-maniac-green-200: #a0eaa0;
--color-maniac-green-300: #73d176;
--color-maniac-green-400: #4dba47;
--color-maniac-green-500: #00a300;
--color-maniac-green-600: #0b8a09;
--color-maniac-green-700: #0b6f09;
--color-maniac-green-800: #0f5100;
--color-maniac-green-900: #0a3901;
--color-maniac-green-950: #002300;
}SCSS
$maniac-green: #009000;
$maniac-green-rgb: 0, 144, 0;
$maniac-green-light: mix(#fff, $maniac-green, 20%);
$maniac-green-dark: mix(#000, $maniac-green, 20%);
.element {
color: $maniac-green;
box-shadow: 0 0 0 2px rgba($maniac-green, 0.35);
}