Benannte Farbe · #C0C6D2
French Silk
French Silk ist #C0C6D2: rgb(192 198 210), hsl(220 17% 79%), oklch(0.826 0.018 264.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · French Silk color name →
#C0C6D2
oklch(0.826 0.018 264.5)
Farbumrechnungen
- HEX
- #c0c6d2
- RGB
- rgb(192 198 210)
- HSL
- hsl(220 17% 79%)
- HWB
- hwb(220 75% 18%)
- OKLCH
- oklch(0.826 0.018 264.5)
- OKLab
- oklab(0.826 -0.002 -0.018)
- CIE Lab
- lab(79.68 -0.4 -6.77)
- LCH
- lch(79.68 6.78 266.6)
- CMYK
- cmyk(9% 6% 0% 18%)
Tints · Shades · Tones
Tints
- C6CCD6
- CCD1DB
- D3D7DF
- D9DCE4
- DFE2E8
- E5E8ED
- ECEEF1
- F2F3F6
- F9F9FA
Shades
- A7ACB6
- 8E929B
- 767A81
- 5F6268
- 494B50
- 343539
- 202124
- 0E0E10
- 020202
Tones
- B9BFC9
- B3B8C1
- ACB0B9
- A6A9B0
- 9FA2A8
- 999BA0
- 939498
- 8C8E90
- 868788
Farbharmonien
Komplementär +180°
- C0C6D2
French Silk
- CBC5B9
≈ Ghosting
Analog -30° +30°
- C0C6D2
French Silk
- BBC8D0
≈ Salvaged Silk
- C6C4D1
≈ Kiri Mist
Triadisch +120° +240°
- C0C6D2
French Silk
- D1C2C0
≈ Wishy-Washy Brown
- BFC9BF
≈ Mountain Falls
Geteilt komplementär +150° +210°
- C0C6D2
French Silk
- D0C3BB
≈ Old Eggshell
- C5C7BA
≈ Silent Storm
Tetradisch +90° +180° +270°
- C0C6D2
French Silk
- D0C1C6
≈ Ancestral
- CBC5B9
≈ Ghosting
- BBCAC5
≈ Take a Hike
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.24:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--french-silk: #c0c6d2;
--french-silk-rgb: 192 198 210;
--french-silk-oklch: oklch(0.826 0.018 264.5);
}
.element {
color: var(--french-silk);
background-color: hsl(220 17% 79%);
border-color: oklch(0.826 0.018 264.5);
}Tailwind CSS v4
@theme {
--color-french-silk: #c0c6d2;
--color-french-silk-50: #f3f5fa;
--color-french-silk-100: #e5e8ee;
--color-french-silk-200: #d1d4dc;
--color-french-silk-300: #b3b7c1;
--color-french-silk-400: #999fa9;
--color-french-silk-500: #808693;
--color-french-silk-600: #6d727c;
--color-french-silk-700: #575b63;
--color-french-silk-800: #3f4249;
--color-french-silk-900: #2b2e32;
--color-french-silk-950: #191b1e;
}SCSS
$french-silk: #c0c6d2;
$french-silk-rgb: 192, 198, 210;
$french-silk-light: mix(#fff, $french-silk, 20%);
$french-silk-dark: mix(#000, $french-silk, 20%);
.element {
color: $french-silk;
box-shadow: 0 0 0 2px rgba($french-silk, 0.35);
}