最も近い色名 · #009200
#009200
最も近い色名: Maniac Green
#009200（rgb(0 146 0)、hsl(120 100% 29%)、oklch(0.572 0.195 142.5)）に最も近い色名はManiac Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#009200
oklch(0.572 0.195 142.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 359D30
- 51A94B
- 69B463
- 7FBF7A
- 95CA90
- AAD4A6
- BFDFBC
- D5EAD2
- EAF4E9
シェード
- 007E00
- 006B00
- 005800
- 004600
- 003500
- 002500
- 001600
- 000800
- 000100
トーン
- 259121
- 368F32
- 448E3F
- 4F8C4A
- 598B54
- 61895E
- 6A8767
- 728570
- 798278
カラーハーモニー
補色 +180°
- 009200
Maniac Green
- AB45B9
≈ Fuchsia Pheromone
類似色 -30° +30°
- 009200
Maniac Green
- 7A7F00
≈ Verde Tropa
- 008C71
≈ Carolina Green
トライアド +120° +240°
- 009200
Maniac Green
- 346FE8
≈ Bluetiful
- D2333E
≈ Trinidad Moruga Scorpion
スプリットコンプリメンタリー +150° +210°
- 009200
Maniac Green
- 7F58DE
≈ Gloomy Purple
- C73583
≈ Shrine of Pleasures
テトラード +90° +180° +270°
- 009200
Maniac Green
- 0083B1
≈ Tusche Blue
- AB45B9
≈ Fuchsia Pheromone
- B85A00
≈ Super Leaf Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.10:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.11:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
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);
}