Colore con nome · #CCC9D7
Magic Scent
Magic Scent è #CCC9D7: rgb(204 201 215), hsl(253 15% 82%), oklch(0.843 0.02 295.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Magic Scent color name →
#CCC9D7
oklch(0.843 0.02 295.8)
Conversioni di colore
- HEX
- #ccc9d7
- RGB
- rgb(204 201 215)
- HSL
- hsl(253 15% 82%)
- HWB
- hwb(253 79% 16%)
- OKLCH
- oklch(0.843 0.02 295.8)
- OKLab
- oklab(0.843 0.008 -0.018)
- CIE Lab
- lab(81.53 3.02 -6.6)
- LCH
- lch(81.53 7.26 294.6)
- CMYK
- cmyk(5% 7% 0% 16%)
Tinte · Ombre · Toni
Tinte
- D1CEDB
- D6D4DF
- DBD9E3
- E0DEE7
- E5E4EB
- EAE9EF
- EFEFF3
- F5F4F7
- FAFAFB
Ombre
- B1AEBB
- 97959F
- 7E7C85
- 65646B
- 4E4C52
- 37363B
- 222225
- 0F0F11
- 020202
Toni
- C4C1CE
- BCBAC5
- B5B2BC
- ADABB3
- A5A4AB
- 9E9CA2
- 969599
- 8F8E91
- 878788
Armonie di colore
Complementare +180°
- CCC9D7
Magic Scent
- CACDBF
≈ Misty Memory
Analogo -30° +30°
- CCC9D7
Magic Scent
- C5CBD9
≈ Lavender Steel
- D2C7D2
≈ Enchant
Triadico +120° +240°
- CCC9D7
Magic Scent
- D6C8BF
≈ Unfussy Beige
- BFD0CB
≈ White Box
Complementare divisa +150° +210°
- CCC9D7
Magic Scent
- D1CBBD
≈ Shoreline Haze
- C4CFC4
≈ Silver Grass
Tetradico +90° +180° +270°
- CCC9D7
Magic Scent
- D8C7C5
≈ Fairview Taupe
- CACDBF
≈ Misty Memory
- BDCFD1
≈ Detroit
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.90:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--magic-scent: #ccc9d7;
--magic-scent-rgb: 204 201 215;
--magic-scent-oklch: oklch(0.843 0.02 295.8);
}
.element {
color: var(--magic-scent);
background-color: hsl(253 15% 82%);
border-color: oklch(0.843 0.02 295.8);
}Tailwind CSS v4
@theme {
--color-magic-scent: #ccc9d7;
--color-magic-scent-50: #f6f4fa;
--color-magic-scent-100: #e8e7ee;
--color-magic-scent-200: #d5d3dc;
--color-magic-scent-300: #b8b5c0;
--color-magic-scent-400: #9f9ca9;
--color-magic-scent-500: #878492;
--color-magic-scent-600: #72707b;
--color-magic-scent-700: #5b5963;
--color-magic-scent-800: #424149;
--color-magic-scent-900: #2e2d32;
--color-magic-scent-950: #1b1a1e;
}SCSS
$magic-scent: #ccc9d7;
$magic-scent-rgb: 204, 201, 215;
$magic-scent-light: mix(#fff, $magic-scent, 20%);
$magic-scent-dark: mix(#000, $magic-scent, 20%);
.element {
color: $magic-scent;
box-shadow: 0 0 0 2px rgba($magic-scent, 0.35);
}