Cor nomeada · #C3E9D3
Martian Moon
Martian Moon é #C3E9D3: rgb(195 233 211), hsl(145 46% 84%), oklch(0.901 0.05 159.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Martian Moon color name →
#C3E9D3
oklch(0.901 0.05 159.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C9EBD7
- CFEDDC
- D5F0E0
- DBF2E4
- E1F4E9
- E7F6ED
- EDF8F2
- F3FBF6
- F9FDFB
Sombras
- A9CBB7
- 90AD9C
- 789082
- 607469
- 4A5A51
- 34413A
- 202924
- 0E1310
- 020302
Tons
- BCDECA
- B5D3C2
- AFC8B9
- A8BEB1
- A1B3A9
- 9BA9A0
- 949E98
- 8D9490
- 878A88
Harmonias de cor
Complementar +180°
- C3E9D3
Martian Moon
- F6D2E9
≈ Little Smile
Análoga -30° +30°
- C3E9D3
Martian Moon
- D4E5C3
≈ Green Vibes
- B9E9E5
≈ Tahitian Breeze
Tríade +120° +240°
- C3E9D3
Martian Moon
- D7DBFF
≈ Transparent Blue
- FDD4C6
≈ Coral Dune
Complementar dividida +150° +210°
- C3E9D3
Martian Moon
- E8D6F8
≈ Lavender Princess
- FDD1D7
≈ Love Fumes
Tétrade +90° +180° +270°
- C3E9D3
Martian Moon
- C6E2FF
≈ Fresh Water
- F6D2E9
≈ Little Smile
- F4D9BB
≈ Cachet Cream
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.91:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.91:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
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);
}