Benannte Farbe · #C7D4CE
Synchronicity
Synchronicity ist #C7D4CE: rgb(199 212 206), hsl(152 13% 81%), oklch(0.858 0.016 166.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Synchronicity color name →
#C7D4CE
oklch(0.858 0.016 166.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CDD8D3
- D2DCD8
- D8E1DC
- DDE5E1
- E3E9E6
- E8EEEB
- EEF2F0
- F4F6F5
- F9FBFA
Shades
- ADB8B3
- 939D98
- 7A837F
- 626966
- 4C514E
- 363A38
- 212423
- 0E100F
- 020202
Tones
- C0CBC6
- B8C3BE
- B1BAB6
- AAB1AE
- A3A9A6
- 9CA19E
- 959897
- 8E908F
- 878887
Farbharmonien
Komplementär +180°
- C7D4CE
Synchronicity
- D9CCD2
≈ Light Elusive Dream
Analog -30° +30°
- C7D4CE
Synchronicity
- CCD3C9
≈ Fundy Bay
- C5D4D4
≈ Whale’s Mouth
Triadisch +120° +240°
- C7D4CE
Synchronicity
- CFCFDB
≈ Floral Note
- DACDC8
≈ Thought
Geteilt komplementär +150° +210°
- C7D4CE
Synchronicity
- D5CDD8
≈ Purple Cream
- DBCCCD
≈ Shinkansen White
Tetradisch +90° +180° +270°
- C7D4CE
Synchronicity
- CAD1DB
≈ Steam Bath
- D9CCD2
≈ Light Elusive Dream
- D7CFC5
≈ Mink Frost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.73:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
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);
}