Màu có tên gần nhất · #009200
#009200
Màu có tên gần nhất: Maniac Green
#009200 (rgb(0 146 0), hsl(120 100% 29%), oklch(0.572 0.195 142.5)) gần nhất với màu có tên Maniac Green. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#009200
oklch(0.572 0.195 142.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 359D30
- 51A94B
- 69B463
- 7FBF7A
- 95CA90
- AAD4A6
- BFDFBC
- D5EAD2
- EAF4E9
Sắc đậm
- 007E00
- 006B00
- 005800
- 004600
- 003500
- 002500
- 001600
- 000800
- 000100
Sắc xám
- 259121
- 368F32
- 448E3F
- 4F8C4A
- 598B54
- 61895E
- 6A8767
- 728570
- 798278
Hòa sắc
Bổ túc +180°
- 009200
Maniac Green
- AB45B9
≈ Fuchsia Pheromone
Tương đồng -30° +30°
- 009200
Maniac Green
- 7A7F00
≈ Verde Tropa
- 008C71
≈ Carolina Green
Bộ ba +120° +240°
- 009200
Maniac Green
- 346FE8
≈ Bluetiful
- D2333E
≈ Trinidad Moruga Scorpion
Bổ túc chia +150° +210°
- 009200
Maniac Green
- 7F58DE
≈ Gloomy Purple
- C73583
≈ Shrine of Pleasures
Bộ bốn +90° +180° +270°
- 009200
Maniac Green
- 0083B1
≈ Tusche Blue
- AB45B9
≈ Fuchsia Pheromone
- B85A00
≈ Super Leaf Brown
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.10:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.11:1 · APCA Lc 34
Màu chữ tốt nhất: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Đoạn mã
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);
}