Adlandırılmış renk · #C7CDD8
Link Water
Link Water, #C7CDD8: rgb(199 205 216), hsl(219 18% 81%), oklch(0.847 0.017 262.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Link Water color name →
#C7CDD8
oklch(0.847 0.017 262.7)
Renk dönüşümleri
- HEX
- #c7cdd8
- RGB
- rgb(199 205 216)
- HSL
- hsl(219 18% 81%)
- HWB
- hwb(219 78% 15%)
- OKLCH
- oklch(0.847 0.017 262.7)
- OKLab
- oklab(0.847 -0.002 -0.016)
- CIE Lab
- lab(82.18 -0.55 -6.23)
- LCH
- lch(82.18 6.25 265)
- CMYK
- cmyk(8% 5% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD2DC
- D2D7E0
- D8DCE4
- DDE1E7
- E3E6EB
- E8EBEF
- EEF0F3
- F4F5F7
- F9FAFB
Koyu tonlar
- ADB2BC
- 9398A0
- 7A7E85
- 62666B
- 4C4E53
- 36383B
- 212325
- 0E0F11
- 020202
Gri tonlar
- C0C5CF
- B8BDC6
- B1B5BD
- AAADB4
- A3A6AB
- 9C9EA2
- 95969A
- 8E8F91
- 878788
Renk uyumları
Tamamlayıcı +180°
- C7CDD8
Link Water
- D2CCC1
≈ Crocodile Tooth
Analog -30° +30°
- C7CDD8
Link Water
- C3CFD6
≈ Catalyst Grey
- CDCBD7
≈ Diaphanous
Üçlü +120° +240°
- C7CDD8
Link Water
- D8C9C8
≈ Light Pink Polar
- C7D0C6
≈ Fountain Foam
Bölünmüş tamamlayıcı +150° +210°
- C7CDD8
Link Water
- D6CAC3
≈ Dusky Morn
- CCCEC2
≈ Harp
Dörtlü +90° +180° +270°
- C7CDD8
Link Water
- D6C9CE
≈ Light Pink Polar
- D2CCC1
≈ Crocodile Tooth
- C2D0CC
≈ White Box
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.15:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--link-water: #c7cdd8;
--link-water-rgb: 199 205 216;
--link-water-oklch: oklch(0.847 0.017 262.7);
}
.element {
color: var(--link-water);
background-color: hsl(219 18% 81%);
border-color: oklch(0.847 0.017 262.7);
}Tailwind CSS v4
@theme {
--color-link-water: #c7cdd8;
--color-link-water-50: #f3f5fa;
--color-link-water-100: #e5e8ee;
--color-link-water-200: #d1d4dc;
--color-link-water-300: #b3b7c0;
--color-link-water-400: #999fa9;
--color-link-water-500: #808692;
--color-link-water-600: #6d727b;
--color-link-water-700: #575b63;
--color-link-water-800: #3f4348;
--color-link-water-900: #2b2e32;
--color-link-water-950: #191b1e;
}SCSS
$link-water: #c7cdd8;
$link-water-rgb: 199, 205, 216;
$link-water-light: mix(#fff, $link-water, 20%);
$link-water-dark: mix(#000, $link-water, 20%);
.element {
color: $link-water;
box-shadow: 0 0 0 2px rgba($link-water, 0.35);
}