Warna bernama · #CBC5BB
Moon Shot
Moon Shot adalah #CBC5BB: rgb(203 197 187), hsl(38 13% 76%), oklch(0.825 0.015 80.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Moon Shot color name →
#CBC5BB
oklch(0.825 0.015 80.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D0CBC2
- D5D0C8
- DAD6CF
- E0DCD6
- E5E2DD
- EAE7E3
- EFEDEA
- F4F3F1
- FAF9F8
Shade
- B0ABA2
- 96928A
- 7D7973
- 65615C
- 4D4B46
- 373532
- 22211F
- 0F0E0D
- 020202
Tone
- C3BEB5
- BCB7AF
- B4B0A9
- ACA9A3
- A5A29D
- 9D9B97
- 969491
- 8E8D8B
- 878786
Harmoni warna
Komplementer +180°
- CBC5BB
Moon Shot
- C0C6D0
≈ Cemetery Ash
Analog -30° +30°
- CBC5BB
Moon Shot
- CFC3BD
≈ En Plein Air
- C6C7BC
≈ Dust Green
Triadik +120° +240°
- CBC5BB
Moon Shot
- BBC9CA
≈ Oceanic Climate
- CBC3CC
≈ Limpid Light
Split-komplementer +150° +210°
- CBC5BB
Moon Shot
- BCC8CE
≈ Hazy Blue
- C5C4CF
≈ Posture & Pose
Tetradik +90° +180° +270°
- CBC5BB
Moon Shot
- BDC9C4
≈ Powder Ash
- C0C6D0
≈ Cemetery Ash
- CEC2C7
≈ Sun Painter
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.71:1 · APCA Lc 31
Ag
AAADi atas hitam
WCAG 12.24:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}