Cor nomeada · #C0B2D7
Moonraker
Moonraker é #C0B2D7: rgb(192 178 215), hsl(263 32% 77%), oklch(0.787 0.054 302.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Moonraker color name →
#C0B2D7
oklch(0.787 0.054 302.4)
Conversões de cor
- HEX
- #c0b2d7
- RGB
- rgb(192 178 215)
- HSL
- hsl(263 32% 77%)
- HWB
- hwb(263 70% 16%)
- OKLCH
- oklch(0.787 0.054 302.4)
- OKLab
- oklab(0.787 0.029 -0.045)
- CIE Lab
- lab(74.68 10.46 -16.86)
- LCH
- lch(74.68 19.84 301.8)
- CMYK
- cmyk(11% 17% 0% 16%)
Tons claros · Sombras · Tons
Tons claros
- C6BADB
- CCC1DF
- D3C9E3
- D9D0E7
- DFD8EB
- E5E0EF
- ECE8F3
- F2EFF7
- F9F7FB
Sombras
- A79ABB
- 8E839F
- 766D85
- 5F576B
- 494352
- 342F3B
- 201D25
- 0E0C11
- 020102
Tons
- B9ADCE
- B3A8C5
- ACA3BC
- A69EB3
- 9F99AB
- 9994A2
- 938F99
- 8C8A91
- 868588
Harmonias de cor
Complementar +180°
- C0B2D7
Moonraker
- B3C09A
≈ Pale Spring Morning
Análoga -30° +30°
- C0B2D7
Moonraker
- ADB8DD
≈ Wisp
- CFADC9
≈ Orchid Bouquet
Tríade +120° +240°
- C0B2D7
Moonraker
- D3B397
≈ My Chai
- 94C6BC
≈ Float Your Boat
Complementar dividida +150° +210°
- C0B2D7
Moonraker
- C6B993
≈ Earth Friendly
- A1C4A9
≈ Aroma Garden
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.59:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--moonraker: #c0b2d7;
--moonraker-rgb: 192 178 215;
--moonraker-oklch: oklch(0.787 0.054 302.4);
}
.element {
color: var(--moonraker);
background-color: hsl(263 32% 77%);
border-color: oklch(0.787 0.054 302.4);
}Tailwind CSS v4
@theme {
--color-moonraker: #c0b2d7;
--color-moonraker-50: #f8f2ff;
--color-moonraker-100: #ece4f7;
--color-moonraker-200: #d9cfe7;
--color-moonraker-300: #bdb1ce;
--color-moonraker-400: #a497b9;
--color-moonraker-500: #8d7ea4;
--color-moonraker-600: #776b8b;
--color-moonraker-700: #5f556f;
--color-moonraker-800: #453e52;
--color-moonraker-900: #302b39;
--color-moonraker-950: #1c1824;
}SCSS
$moonraker: #c0b2d7;
$moonraker-rgb: 192, 178, 215;
$moonraker-light: mix(#fff, $moonraker, 20%);
$moonraker-dark: mix(#000, $moonraker, 20%);
.element {
color: $moonraker;
box-shadow: 0 0 0 2px rgba($moonraker, 0.35);
}