Colore con nome · #C7D4CE
Synchronicity
Synchronicity è #C7D4CE: rgb(199 212 206), hsl(152 13% 81%), oklch(0.858 0.016 166.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Synchronicity color name →
#C7D4CE
oklch(0.858 0.016 166.7)
Conversioni di colore
- HEX
- #c7d4ce
- RGB
- rgb(199 212 206)
- HSL
- hsl(152 13% 81%)
- HWB
- hwb(152 78% 17%)
- OKLCH
- oklch(0.858 0.016 166.7)
- OKLab
- oklab(0.858 -0.016 0.004)
- CIE Lab
- lab(83.78 -5.4 1.38)
- LCH
- lch(83.78 5.57 165.7)
- CMYK
- cmyk(6% 0% 3% 17%)
Tinte · Ombre · Toni
Tinte
- CDD8D3
- D2DCD8
- D8E1DC
- DDE5E1
- E3E9E6
- E8EEEB
- EEF2F0
- F4F6F5
- F9FBFA
Ombre
- ADB8B3
- 939D98
- 7A837F
- 626966
- 4C514E
- 363A38
- 212423
- 0E100F
- 020202
Toni
- C0CBC6
- B8C3BE
- B1BAB6
- AAB1AE
- A3A9A6
- 9CA19E
- 959897
- 8E908F
- 878887
Armonie di colore
Complementare +180°
- C7D4CE
Synchronicity
- D9CCD2
≈ Light Elusive Dream
Analogo -30° +30°
- C7D4CE
Synchronicity
- CCD3C9
≈ Fundy Bay
- C5D4D4
≈ Whale’s Mouth
Triadico +120° +240°
- C7D4CE
Synchronicity
- CFCFDB
≈ Floral Note
- DACDC8
≈ Thought
Complementare divisa +150° +210°
- C7D4CE
Synchronicity
- D5CDD8
≈ Purple Cream
- DBCCCD
≈ Shinkansen White
Tetradico +90° +180° +270°
- C7D4CE
Synchronicity
- CAD1DB
≈ Steam Bath
- D9CCD2
≈ Light Elusive Dream
- D7CFC5
≈ Mink Frost
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.73:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--synchronicity: #c7d4ce;
--synchronicity-rgb: 199 212 206;
--synchronicity-oklch: oklch(0.858 0.016 166.7);
}
.element {
color: var(--synchronicity);
background-color: hsl(152 13% 81%);
border-color: oklch(0.858 0.016 166.7);
}Tailwind CSS v4
@theme {
--color-synchronicity: #c7d4ce;
--color-synchronicity-50: #f1f7f4;
--color-synchronicity-100: #e3eae7;
--color-synchronicity-200: #ced7d3;
--color-synchronicity-300: #b0bab6;
--color-synchronicity-400: #96a29c;
--color-synchronicity-500: #7c8a84;
--color-synchronicity-600: #697570;
--color-synchronicity-700: #545d59;
--color-synchronicity-800: #3d4441;
--color-synchronicity-900: #2a2f2d;
--color-synchronicity-950: #181c1a;
}SCSS
$synchronicity: #c7d4ce;
$synchronicity-rgb: 199, 212, 206;
$synchronicity-light: mix(#fff, $synchronicity, 20%);
$synchronicity-dark: mix(#000, $synchronicity, 20%);
.element {
color: $synchronicity;
box-shadow: 0 0 0 2px rgba($synchronicity, 0.35);
}