Adlandırılmış renk · #C1CCD6
Siberian Ice
Siberian Ice, #C1CCD6: rgb(193 204 214), hsl(209 20% 80%), oklch(0.84 0.018 245.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Siberian Ice color name →
#C1CCD6
oklch(0.84 0.018 245.4)
Renk dönüşümleri
- HEX
- #c1ccd6
- RGB
- rgb(193 204 214)
- HSL
- hsl(209 20% 80%)
- HWB
- hwb(209 76% 16%)
- OKLCH
- oklch(0.84 0.018 245.4)
- OKLab
- oklab(0.84 -0.008 -0.017)
- CIE Lab
- lab(81.42 -2.42 -6.35)
- LCH
- lch(81.42 6.79 249.1)
- CMYK
- cmyk(10% 5% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7D1DA
- CDD6DE
- D3DBE2
- D9E0E6
- E0E5EA
- E6EAEE
- ECEFF3
- F2F5F7
- F9FAFB
Koyu tonlar
- A7B1BA
- 8F979E
- 777E84
- 5F656A
- 494E52
- 34373B
- 202225
- 0E0F10
- 020202
Gri tonlar
- BAC4CD
- B4BCC4
- ADB5BB
- A6ADB3
- A0A5AA
- 999EA1
- 939699
- 8D8F91
- 868788
Renk uyumları
Tamamlayıcı +180°
- C1CCD6
Siberian Ice
- D3C8BE
≈ Realist Beige
Analog -30° +30°
- C1CCD6
Siberian Ice
- BECED2
≈ Shhh…
- C7CAD7
≈ Daybreak Beckons
Üçlü +120° +240°
- C1CCD6
Siberian Ice
- D6C6C9
≈ Odyssey Lilac
- C7CDC0
≈ Silver Grass
Bölünmüş tamamlayıcı +150° +210°
- C1CCD6
Siberian Ice
- D6C7C2
≈ Ancestral Haze
- CECBBD
≈ Metallic Mist
Dörtlü +90° +180° +270°
- C1CCD6
Siberian Ice
- D3C6CF
≈ Odyssey Lilac
- D3C8BE
≈ Realist Beige
- C2CEC5
≈ Piedmont
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.87:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--siberian-ice: #c1ccd6;
--siberian-ice-rgb: 193 204 214;
--siberian-ice-oklch: oklch(0.84 0.018 245.4);
}
.element {
color: var(--siberian-ice);
background-color: hsl(209 20% 80%);
border-color: oklch(0.84 0.018 245.4);
}Tailwind CSS v4
@theme {
--color-siberian-ice: #c1ccd6;
--color-siberian-ice-50: #f1f6fa;
--color-siberian-ice-100: #e3e9ee;
--color-siberian-ice-200: #ced5dc;
--color-siberian-ice-300: #b0b8c1;
--color-siberian-ice-400: #96a0a9;
--color-siberian-ice-500: #7c8892;
--color-siberian-ice-600: #69737b;
--color-siberian-ice-700: #545c63;
--color-siberian-ice-800: #3d4348;
--color-siberian-ice-900: #2a2e32;
--color-siberian-ice-950: #181b1e;
}SCSS
$siberian-ice: #c1ccd6;
$siberian-ice-rgb: 193, 204, 214;
$siberian-ice-light: mix(#fff, $siberian-ice, 20%);
$siberian-ice-dark: mix(#000, $siberian-ice, 20%);
.element {
color: $siberian-ice;
box-shadow: 0 0 0 2px rgba($siberian-ice, 0.35);
}