最接近的命名颜色 · #7D7928
#7D7928
最接近的命名颜色: Green Commando
#7D7928（rgb(125 121 40)、hsl(57 52% 32%)、oklch(0.563 0.102 106.5)）最接近命名颜色 Green Commando。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7D7928
oklch(0.563 0.102 106.5)
颜色转换
- HEX
- #7d7928
- RGB
- rgb(125 121 40)
- HSL
- hsl(57 52% 32%)
- HWB
- hwb(57 16% 51%)
- OKLCH
- oklch(0.563 0.102 106.5)
- OKLab
- oklab(0.563 -0.029 0.097)
- CIE Lab
- lab(49.98 -6.18 42.97)
- LCH
- lch(49.98 43.41 98.2)
- CMYK
- cmyk(0% 3% 68% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 898641
- 959357
- A2A06C
- AEAD81
- BBBB95
- C9C8AA
- D6D6BF
- E3E3D4
- F1F1E9
深色调
- 6C6821
- 5B581B
- 4B4815
- 3B390F
- 2C2B09
- 1E1D04
- 111002
- 050501
- 010100
灰色调
- 7D7A35
- 7D7B3F
- 7E7C49
- 7E7C52
- 7E7D5A
- 7E7E62
- 7F7E6A
- 7F7F71
- 808079
配色和谐
互补色 +180°
- 7D7928
Green Commando
- 716CAE
≈ Clear Mauve
类似色 -30° +30°
- 7D7928
Green Commando
- 976C25
≈ Mulberry Brown
- 598345
≈ Shepherd’s Green
三角配色 +120° +240°
- 7D7928
Green Commando
- 1981A3
≈ Summer Blue
- A05C82
≈ Thimble Red
分裂互补色 +150° +210°
- 7D7928
Green Commando
- 4D77B0
≈ Flying Fish
- 8D629D
≈ Aster Violetta
四角配色 +90° +180° +270°
- 7D7928
Green Commando
- 008688
≈ Tubbataha Teal
- 716CAE
≈ Clear Mauve
- A95B60
≈ Ruby Petals
对比度与无障碍
Ag
AA白底
WCAG 4.52:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.63:1 · APCA Lc 30
最佳文字颜色: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
代码片段
CSS
:root {
--green-commando: #7d7928;
--green-commando-rgb: 125 121 40;
--green-commando-oklch: oklch(0.563 0.102 106.5);
}
.element {
color: var(--green-commando);
background-color: hsl(57 52% 32%);
border-color: oklch(0.563 0.102 106.5);
}Tailwind CSS v4
@theme {
--color-green-commando: #7d7928;
--color-green-commando-50: #f7f8d7;
--color-green-commando-100: #eaebc4;
--color-green-commando-200: #d7d8a6;
--color-green-commando-300: #bbbc7f;
--color-green-commando-400: #a6a258;
--color-green-commando-500: #8f8a2f;
--color-green-commando-600: #79752a;
--color-green-commando-700: #615e21;
--color-green-commando-800: #484415;
--color-green-commando-900: #322f0d;
--color-green-commando-950: #1e1b02;
}SCSS
$green-commando: #7d7928;
$green-commando-rgb: 125, 121, 40;
$green-commando-light: mix(#fff, $green-commando, 20%);
$green-commando-dark: mix(#000, $green-commando, 20%);
.element {
color: $green-commando;
box-shadow: 0 0 0 2px rgba($green-commando, 0.35);
}