最接近的命名颜色 · #7B6771
#7B6771
最接近的命名颜色: Moonscape
#7B6771（rgb(123 103 113)、hsl(330 9% 44%)、oklch(0.536 0.029 346.5)）最接近命名颜色 Moonscape。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7B6771
oklch(0.536 0.029 346.5)
颜色转换
- HEX
- #7b6771
- RGB
- rgb(123 103 113)
- HSL
- hsl(330 9% 44%)
- HWB
- hwb(330 40% 52%)
- OKLCH
- oklch(0.536 0.029 346.5)
- OKLab
- oklab(0.536 0.029 -0.007)
- CIE Lab
- lab(45.81 9.59 -2.5)
- LCH
- lch(45.81 9.91 345.4)
- CMYK
- cmyk(0% 16% 8% 52%)
浅色调 · 深色调 · 灰色调
浅色调
- 88757E
- 94838C
- A19299
- AEA1A7
- BBB0B5
- C8BFC4
- D6CFD2
- E3DFE1
- F1EFF0
深色调
- 6A5961
- 5A4B52
- 4A3D43
- 3A3035
- 2C2327
- 1E171A
- 100C0E
- 050404
- 010001
灰色调
- 7C6972
- 7C6C74
- 7D6E75
- 7D7177
- 7E7378
- 7E767A
- 7F787B
- 7F7B7D
- 807D7E
配色和谐
互补色 +180°
- 7B6771
Moonscape
- 5E736A
≈ Cameroon Green
类似色 -30° +30°
- 7B6771
Moonscape
- 756979
≈ Old Lavender
- 7E6768
≈ Zanzibar
三角配色 +120° +240°
- 7B6771
Moonscape
- 6F6F5B
≈ Lazy Lichen
- 5C717B
≈ Desert Night
分裂互补色 +150° +210°
- 7B6771
Moonscape
- 667261
≈ Laurel Garland
- 5A7373
≈ Riverway
四角配色 +90° +180° +270°
- 7B6771
Moonscape
- 786C5B
≈ Sleeping Giant
- 5E736A
≈ Cameroon Green
- 636F7F
≈ Buoyant
对比度与无障碍
Ag
AA白底
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黑底
WCAG 4.02:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--moonscape: #7b6771;
--moonscape-rgb: 123 103 113;
--moonscape-oklch: oklch(0.536 0.029 346.5);
}
.element {
color: var(--moonscape);
background-color: hsl(330 9% 44%);
border-color: oklch(0.536 0.029 346.5);
}Tailwind CSS v4
@theme {
--color-moonscape: #7b6771;
--color-moonscape-50: #fcf2f6;
--color-moonscape-100: #f0e4e9;
--color-moonscape-200: #dfcfd6;
--color-moonscape-300: #c4b2ba;
--color-moonscape-400: #ac98a2;
--color-moonscape-500: #957f8a;
--color-moonscape-600: #7e6b75;
--color-moonscape-700: #65565d;
--color-moonscape-800: #4a3e45;
--color-moonscape-900: #332b30;
--color-moonscape-950: #1f181c;
}SCSS
$moonscape: #7b6771;
$moonscape-rgb: 123, 103, 113;
$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);
}