最も近い色名 · #006F12
#006F12
最も近い色名: Leafy Lush
#006F12（rgb(0 111 18)、hsl(130 100% 22%)、oklch(0.47 0.153 143.9)）に最も近い色名はLeafy Lushです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006F12
oklch(0.47 0.153 143.9)
カラー変換
- HEX
- #006f12
- RGB
- rgb(0 111 18)
- HSL
- hsl(130 100% 22%)
- HWB
- hwb(130 0% 56%)
- OKLCH
- oklch(0.47 0.153 143.9)
- OKLab
- oklab(0.47 -0.124 0.09)
- CIE Lab
- lab(40.3 -42.27 39.43)
- LCH
- lch(40.3 57.8 137)
- CMYK
- cmyk(100% 0% 84% 56%)
ティント · シェード · トーン
ティント
- 2D7D30
- 478B48
- 5F9A5E
- 76A874
- 8CB68B
- A3C5A1
- BAD3B8
- D1E2D0
- E8F0E7
シェード
- 00600E
- 00510A
- 004207
- 003404
- 002702
- 001A01
- 000E01
- 000400
- 000100
トーン
- 1E7123
- 2E7330
- 3B753C
- 477746
- 517950
- 5B7B5A
- 657C64
- 6E7E6D
- 777F77
カラーハーモニー
補色 +180°
- 006F12
Leafy Lush
- 82358A
≈ Dull Violet
類似色 -30° +30°
- 006F12
Leafy Lush
- 5B6100
≈ Kirchner Green
- 006B57
≈ Chrysocolla Medium Green
トライアド +120° +240°
- 006F12
Leafy Lush
- 2C54AF
≈ Blasphemous Blue
- 9F2A2D
≈ Dorset Naga
スプリットコンプリメンタリー +150° +210°
- 006F12
Leafy Lush
- 6243A7
≈ Poppy Pompadour
- 972A61
≈ Magenta Manicure
テトラード +90° +180° +270°
- 006F12
Leafy Lush
- 006389
≈ Reservoir
- 82358A
≈ Dull Violet
- 8C4400
≈ Otterly Brown
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.39:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.28:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--leafy-lush: #006f12;
--leafy-lush-rgb: 0 111 18;
--leafy-lush-oklch: oklch(0.47 0.153 143.9);
}
.element {
color: var(--leafy-lush);
background-color: hsl(130 100% 22%);
border-color: oklch(0.47 0.153 143.9);
}Tailwind CSS v4
@theme {
--color-leafy-lush: #006f12;
--color-leafy-lush-50: #daffdb;
--color-leafy-lush-100: #c8f6ca;
--color-leafy-lush-200: #aae6ad;
--color-leafy-lush-300: #82cc87;
--color-leafy-lush-400: #60b561;
--color-leafy-lush-500: #369f3b;
--color-leafy-lush-600: #308633;
--color-leafy-lush-700: #266c29;
--color-leafy-lush-800: #1e4f19;
--color-leafy-lush-900: #143710;
--color-leafy-lush-950: #052203;
}SCSS
$leafy-lush: #006f12;
$leafy-lush-rgb: 0, 111, 18;
$leafy-lush-light: mix(#fff, $leafy-lush, 20%);
$leafy-lush-dark: mix(#000, $leafy-lush, 20%);
.element {
color: $leafy-lush;
box-shadow: 0 0 0 2px rgba($leafy-lush, 0.35);
}