命名颜色 · #C3E9D3
Martian Moon
Martian Moon 即 #C3E9D3：rgb(195 233 211)、hsl(145 46% 84%)、oklch(0.901 0.05 159.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Martian Moon color name →
#C3E9D3
oklch(0.901 0.05 159.8)
颜色转换
- HEX
- #c3e9d3
- RGB
- rgb(195 233 211)
- HSL
- hsl(145 46% 84%)
- HWB
- hwb(145 76% 9%)
- OKLCH
- oklch(0.901 0.05 159.8)
- OKLab
- oklab(0.901 -0.047 0.017)
- CIE Lab
- lab(89.16 -16 6.41)
- LCH
- lch(89.16 17.24 158.2)
- CMYK
- cmyk(16% 0% 9% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- C9EBD7
- CFEDDC
- D5F0E0
- DBF2E4
- E1F4E9
- E7F6ED
- EDF8F2
- F3FBF6
- F9FDFB
深色调
- A9CBB7
- 90AD9C
- 789082
- 607469
- 4A5A51
- 34413A
- 202924
- 0E1310
- 020302
灰色调
- BCDECA
- B5D3C2
- AFC8B9
- A8BEB1
- A1B3A9
- 9BA9A0
- 949E98
- 8D9490
- 878A88
配色和谐
互补色 +180°
- C3E9D3
Martian Moon
- F6D2E9
≈ Little Smile
类似色 -30° +30°
- C3E9D3
Martian Moon
- D4E5C3
≈ Green Vibes
- B9E9E5
≈ Tahitian Breeze
三角配色 +120° +240°
- C3E9D3
Martian Moon
- D7DBFF
≈ Transparent Blue
- FDD4C6
≈ Coral Dune
分裂互补色 +150° +210°
- C3E9D3
Martian Moon
- E8D6F8
≈ Lavender Princess
- FDD1D7
≈ Love Fumes
四角配色 +90° +180° +270°
- C3E9D3
Martian Moon
- C6E2FF
≈ Fresh Water
- F6D2E9
≈ Little Smile
- F4D9BB
≈ Cachet Cream
对比度与无障碍
Ag
Fail白底
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黑底
WCAG 15.91:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 15.91:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--martian-moon: #c3e9d3;
--martian-moon-rgb: 195 233 211;
--martian-moon-oklch: oklch(0.901 0.05 159.8);
}
.element {
color: var(--martian-moon);
background-color: hsl(145 46% 84%);
border-color: oklch(0.901 0.05 159.8);
}Tailwind CSS v4
@theme {
--color-martian-moon: #c3e9d3;
--color-martian-moon-50: #e9faf1;
--color-martian-moon-100: #daede3;
--color-martian-moon-200: #c2dbce;
--color-martian-moon-300: #a2c0b0;
--color-martian-moon-400: #86a894;
--color-martian-moon-500: #69917b;
--color-martian-moon-600: #5a7a68;
--color-martian-moon-700: #476253;
--color-martian-moon-800: #34483c;
--color-martian-moon-900: #233229;
--color-martian-moon-950: #121e17;
}SCSS
$martian-moon: #c3e9d3;
$martian-moon-rgb: 195, 233, 211;
$martian-moon-light: mix(#fff, $martian-moon, 20%);
$martian-moon-dark: mix(#000, $martian-moon, 20%);
.element {
color: $martian-moon;
box-shadow: 0 0 0 2px rgba($martian-moon, 0.35);
}