最接近的命名颜色 · #7C666E
#7C666E
最接近的命名颜色: Moonscape
#7C666E（rgb(124 102 110)、hsl(338 10% 44%)、oklch(0.534 0.03 354.3)）最接近命名颜色 Moonscape。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7C666E
oklch(0.534 0.03 354.3)
颜色转换
- HEX
- #7c666e
- RGB
- rgb(124 102 110)
- HSL
- hsl(338 10% 44%)
- HWB
- hwb(338 40% 51%)
- OKLCH
- oklch(0.534 0.03 354.3)
- OKLab
- oklab(0.534 0.03 -0.003)
- CIE Lab
- lab(45.57 10.14 -1.04)
- LCH
- lch(45.57 10.19 354.1)
- CMYK
- cmyk(0% 18% 11% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 88747B
- 958389
- A29197
- AFA0A5
- BCAFB4
- C9BFC2
- D6CFD1
- E4DFE0
- F1EFF0
深色调
- 6B585F
- 5A4A50
- 4A3C41
- 3B2F33
- 2C2326
- 1E1719
- 110C0E
- 050404
- 010001
灰色调
- 7D6970
- 7D6B72
- 7D6E73
- 7E7075
- 7E7377
- 7F7679
- 7F787B
- 7F7B7C
- 807D7E
配色和谐
互补色 +180°
- 7C666E
Moonscape
- 5B736C
≈ Noble Fir
类似色 -30° +30°
- 7C666E
Moonscape
- 766777
≈ Old Lavender
- 7E6664
≈ Zanzibar
三角配色 +120° +240°
- 7C666E
Moonscape
- 6C6F5B
≈ Iwai Brown
- 5C707C
≈ Smoky Pitch
分裂互补色 +150° +210°
- 7C666E
Moonscape
- 637262
≈ Bracken Green
- 597275
≈ Porch Swing
四角配色 +90° +180° +270°
- 7C666E
Moonscape
- 756C59
≈ Irrigation
- 5B736C
≈ Noble Fir
- 646D7F
≈ Nostalgic
对比度与无障碍
Ag
AA白底
WCAG 5.27:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.98:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--moonscape: #7c666e;
--moonscape-rgb: 124 102 110;
--moonscape-oklch: oklch(0.534 0.03 354.3);
}
.element {
color: var(--moonscape);
background-color: hsl(338 10% 44%);
border-color: oklch(0.534 0.03 354.3);
}Tailwind CSS v4
@theme {
--color-moonscape: #7c666e;
--color-moonscape-50: #fdf2f5;
--color-moonscape-100: #f1e4e8;
--color-moonscape-200: #e0cfd4;
--color-moonscape-300: #c5b1b8;
--color-moonscape-400: #ae979f;
--color-moonscape-500: #977e87;
--color-moonscape-600: #806b73;
--color-moonscape-700: #66555c;
--color-moonscape-800: #4b3e43;
--color-moonscape-900: #342b2e;
--color-moonscape-950: #20181b;
}SCSS
$moonscape: #7c666e;
$moonscape-rgb: 124, 102, 110;
$moonscape-light: mix(#fff, $moonscape, 20%);
$moonscape-dark: mix(#000, $moonscape, 20%);
.element {
color: $moonscape;
box-shadow: 0 0 0 2px rgba($moonscape, 0.35);
}