命名颜色 · #CBC5BB
Moon Shot
Moon Shot 即 #CBC5BB：rgb(203 197 187)、hsl(38 13% 76%)、oklch(0.825 0.015 80.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Moon Shot color name →
#CBC5BB
oklch(0.825 0.015 80.7)
颜色转换
- HEX
- #cbc5bb
- RGB
- rgb(203 197 187)
- HSL
- hsl(38 13% 76%)
- HWB
- hwb(38 73% 20%)
- OKLCH
- oklch(0.825 0.015 80.7)
- OKLab
- oklab(0.825 0.002 0.015)
- CIE Lab
- lab(79.8 0.86 5.81)
- LCH
- lch(79.8 5.88 81.6)
- CMYK
- cmyk(0% 3% 8% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D0CBC2
- D5D0C8
- DAD6CF
- E0DCD6
- E5E2DD
- EAE7E3
- EFEDEA
- F4F3F1
- FAF9F8
深色调
- B0ABA2
- 96928A
- 7D7973
- 65615C
- 4D4B46
- 373532
- 22211F
- 0F0E0D
- 020202
灰色调
- C3BEB5
- BCB7AF
- B4B0A9
- ACA9A3
- A5A29D
- 9D9B97
- 969491
- 8E8D8B
- 878786
配色和谐
互补色 +180°
- CBC5BB
Moon Shot
- C0C6D0
≈ Cemetery Ash
类似色 -30° +30°
- CBC5BB
Moon Shot
- CFC3BD
≈ En Plein Air
- C6C7BC
≈ Dust Green
三角配色 +120° +240°
- CBC5BB
Moon Shot
- BBC9CA
≈ Oceanic Climate
- CBC3CC
≈ Limpid Light
分裂互补色 +150° +210°
- CBC5BB
Moon Shot
- BCC8CE
≈ Hazy Blue
- C5C4CF
≈ Posture & Pose
四角配色 +90° +180° +270°
- CBC5BB
Moon Shot
- BDC9C4
≈ Powder Ash
- C0C6D0
≈ Cemetery Ash
- CEC2C7
≈ Sun Painter
对比度与无障碍
Ag
Fail白底
WCAG 1.71:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.24:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--moon-shot: #cbc5bb;
--moon-shot-rgb: 203 197 187;
--moon-shot-oklch: oklch(0.825 0.015 80.7);
}
.element {
color: var(--moon-shot);
background-color: hsl(38 13% 76%);
border-color: oklch(0.825 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-moon-shot: #cbc5bb;
--color-moon-shot-50: #f7f5f0;
--color-moon-shot-100: #eae7e2;
--color-moon-shot-200: #d7d4cd;
--color-moon-shot-300: #bbb7af;
--color-moon-shot-400: #a39e95;
--color-moon-shot-500: #8b857b;
--color-moon-shot-600: #767168;
--color-moon-shot-700: #5e5a53;
--color-moon-shot-800: #45423d;
--color-moon-shot-900: #302d2a;
--color-moon-shot-950: #1c1a17;
}SCSS
$moon-shot: #cbc5bb;
$moon-shot-rgb: 203, 197, 187;
$moon-shot-light: mix(#fff, $moon-shot, 20%);
$moon-shot-dark: mix(#000, $moon-shot, 20%);
.element {
color: $moon-shot;
box-shadow: 0 0 0 2px rgba($moon-shot, 0.35);
}