Couleur nommée la plus proche · #009200
#009200
Couleur nommée la plus proche: Maniac Green
#009200 (rgb(0 146 0), hsl(120 100% 29%), oklch(0.572 0.195 142.5)) est la plus proche de la couleur nommée Maniac Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#009200
oklch(0.572 0.195 142.5)
Conversions de couleur
- HEX
- #009200
- RGB
- rgb(0 146 0)
- HSL
- hsl(120 100% 29%)
- HWB
- hwb(120 0% 43%)
- OKLCH
- oklch(0.572 0.195 142.5)
- OKLab
- oklab(0.572 -0.154 0.118)
- CIE Lab
- lab(52.52 -52.32 53.45)
- LCH
- lch(52.52 74.79 134.4)
- CMYK
- cmyk(100% 0% 100% 43%)
Teintes · Ombres · Tons
Teintes
- 359D30
- 51A94B
- 69B463
- 7FBF7A
- 95CA90
- AAD4A6
- BFDFBC
- D5EAD2
- EAF4E9
Ombres
- 007E00
- 006B00
- 005800
- 004600
- 003500
- 002500
- 001600
- 000800
- 000100
Tons
- 259121
- 368F32
- 448E3F
- 4F8C4A
- 598B54
- 61895E
- 6A8767
- 728570
- 798278
Harmonies de couleurs
Complémentaire +180°
- 009200
Maniac Green
- AB45B9
≈ Fuchsia Pheromone
Analogue -30° +30°
- 009200
Maniac Green
- 7A7F00
≈ Verde Tropa
- 008C71
≈ Carolina Green
Triadique +120° +240°
- 009200
Maniac Green
- 346FE8
≈ Bluetiful
- D2333E
≈ Trinidad Moruga Scorpion
Complémentaire divisée +150° +210°
- 009200
Maniac Green
- 7F58DE
≈ Gloomy Purple
- C73583
≈ Shrine of Pleasures
Tétradique +90° +180° +270°
- 009200
Maniac Green
- 0083B1
≈ Tusche Blue
- AB45B9
≈ Fuchsia Pheromone
- B85A00
≈ Super Leaf Brown
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.10:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.11:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--maniac-green: #009200;
--maniac-green-rgb: 0 146 0;
--maniac-green-oklch: oklch(0.572 0.195 142.5);
}
.element {
color: var(--maniac-green);
background-color: hsl(120 100% 29%);
border-color: oklch(0.572 0.195 142.5);
}Tailwind CSS v4
@theme {
--color-maniac-green: #009200;
--color-maniac-green-50: #d4ffd3;
--color-maniac-green-100: #c0fac0;
--color-maniac-green-200: #9fea9f;
--color-maniac-green-300: #72d175;
--color-maniac-green-400: #4cba46;
--color-maniac-green-500: #00a300;
--color-maniac-green-600: #068a05;
--color-maniac-green-700: #086f07;
--color-maniac-green-800: #0e5100;
--color-maniac-green-900: #093900;
--color-maniac-green-950: #002300;
}SCSS
$maniac-green: #009200;
$maniac-green-rgb: 0, 146, 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);
}