最も近い色名 · #6D7C46
#6D7C46
最も近い色名: Ghoul
#6D7C46（rgb(109 124 70)、hsl(77 28% 38%)、oklch(0.561 0.079 121.7)）に最も近い色名はGhoulです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6D7C46
oklch(0.561 0.079 121.7)
カラー変換
- HEX
- #6d7c46
- RGB
- rgb(109 124 70)
- HSL
- hsl(77 28% 38%)
- HWB
- hwb(77 27% 51%)
- OKLCH
- oklch(0.561 0.079 121.7)
- OKLab
- oklab(0.561 -0.041 0.067)
- CIE Lab
- lab(49.77 -12.74 27.46)
- LCH
- lch(49.77 30.27 114.9)
- CMYK
- cmyk(12% 0% 44% 51%)
ティント · シェード · トーン
ティント
- 7A8858
- 88956A
- 96A27C
- A5AF8E
- B3BCA0
- C2C9B3
- D1D6C5
- E0E4D8
- EFF1EC
シェード
- 5E6B3C
- 4F5A32
- 414A28
- 333B1E
- 262C15
- 191E0D
- 0D1105
- 040502
- 010100
トーン
- 6F7D4D
- 717D53
- 737E59
- 747E5F
- 767E64
- 787F6A
- 7A7F70
- 7C7F75
- 7E807B
カラーハーモニー
補色 +180°
- 6D7C46
Ghoul
- 7D6A9C
≈ Queen’s
類似色 -30° +30°
- 6D7C46
Ghoul
- 85733B
≈ Mustard Magic
- 50825D
≈ Soylent Green
トライアド +120° +240°
- 6D7C46
Ghoul
- 487A9F
≈ Zenith
- 9B6171
≈ Tropical Hibiscus
スプリットコンプリメンタリー +150° +210°
- 6D7C46
Ghoul
- 6472A3
≈ Kimberlite
- 90638A
≈ Hashita Purple
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.54:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.62:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--ghoul: #6d7c46;
--ghoul-rgb: 109 124 70;
--ghoul-oklch: oklch(0.561 0.079 121.7);
}
.element {
color: var(--ghoul);
background-color: hsl(77 28% 38%);
border-color: oklch(0.561 0.079 121.7);
}Tailwind CSS v4
@theme {
--color-ghoul: #6d7c46;
--color-ghoul-50: #f0f9e1;
--color-ghoul-100: #e2edd0;
--color-ghoul-200: #cddab6;
--color-ghoul-300: #afbf92;
--color-ghoul-400: #97a671;
--color-ghoul-500: #7e8f52;
--color-ghoul-600: #6a7946;
--color-ghoul-700: #556037;
--color-ghoul-800: #3f4626;
--color-ghoul-900: #2b311a;
--color-ghoul-950: #191d0a;
}SCSS
$ghoul: #6d7c46;
$ghoul-rgb: 109, 124, 70;
$ghoul-light: mix(#fff, $ghoul, 20%);
$ghoul-dark: mix(#000, $ghoul, 20%);
.element {
color: $ghoul;
box-shadow: 0 0 0 2px rgba($ghoul, 0.35);
}