最も近い色名 · #7C7940
#7C7940
最も近い色名: Verdant Leaf
#7C7940（rgb(124 121 64)、hsl(57 32% 37%)、oklch(0.565 0.078 106)）に最も近い色名はVerdant Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7C7940
oklch(0.565 0.078 106)
カラー変換
- HEX
- #7c7940
- RGB
- rgb(124 121 64)
- HSL
- hsl(57 32% 37%)
- HWB
- hwb(57 25% 51%)
- OKLCH
- oklch(0.565 0.078 106)
- OKLab
- oklab(0.565 -0.022 0.075)
- CIE Lab
- lab(50.1 -5.18 31.43)
- LCH
- lch(50.1 31.86 99.4)
- CMYK
- cmyk(0% 2% 48% 51%)
ティント · シェード · トーン
ティント
- 888653
- 959366
- A1A078
- AEAD8B
- BBBA9E
- C8C8B1
- D6D5C4
- E3E3D7
- F1F1EB
シェード
- 6B6836
- 5A582D
- 4A4824
- 3B391B
- 2C2B13
- 1E1D0B
- 111005
- 050501
- 010100
トーン
- 7C7A47
- 7D7B4F
- 7D7B55
- 7D7C5C
- 7E7D62
- 7E7E68
- 7F7E6E
- 7F7F74
- 807F7A
カラーハーモニー
補色 +180°
- 7C7940
Verdant Leaf
- 726FA2
≈ Toy Mauve
類似色 -30° +30°
- 7C7940
Verdant Leaf
- 91703F
≈ Grog Yellow
- 618152
≈ Glade Green
トライアド +120° +240°
- 7C7940
Verdant Leaf
- 3D8099
≈ Greenland Blue
- 986380
≈ Rust Magenta
スプリットコンプリメンタリー +150° +210°
- 7C7940
Verdant Leaf
- 5778A4
≈ Vinca
- 886895
≈ Mirabella
テトラード +90° +180° +270°
- 7C7940
Verdant Leaf
- 328485
≈ Thai Teal
- 726FA2
≈ Toy Mauve
- 9F6366
≈ Pizza Pie
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--verdant-leaf: #7c7940;
--verdant-leaf-rgb: 124 121 64;
--verdant-leaf-oklch: oklch(0.565 0.078 106);
}
.element {
color: var(--verdant-leaf);
background-color: hsl(57 32% 37%);
border-color: oklch(0.565 0.078 106);
}Tailwind CSS v4
@theme {
--color-verdant-leaf: #7c7940;
--color-verdant-leaf-50: #f7f7de;
--color-verdant-leaf-100: #eaeacd;
--color-verdant-leaf-200: #d7d7b1;
--color-verdant-leaf-300: #bbbb8d;
--color-verdant-leaf-400: #a4a26b;
--color-verdant-leaf-500: #8d8949;
--color-verdant-leaf-600: #77743f;
--color-verdant-leaf-700: #5f5d32;
--color-verdant-leaf-800: #474422;
--color-verdant-leaf-900: #312f17;
--color-verdant-leaf-950: #1d1b08;
}SCSS
$verdant-leaf: #7c7940;
$verdant-leaf-rgb: 124, 121, 64;
$verdant-leaf-light: mix(#fff, $verdant-leaf, 20%);
$verdant-leaf-dark: mix(#000, $verdant-leaf, 20%);
.element {
color: $verdant-leaf;
box-shadow: 0 0 0 2px rgba($verdant-leaf, 0.35);
}