Adlandırılmış renk · #C8D5DD
Nearsighted
Nearsighted, #C8D5DD: rgb(200 213 221), hsl(203 24% 83%), oklch(0.866 0.018 234.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Nearsighted color name →
#C8D5DD
oklch(0.866 0.018 234.5)
Renk dönüşümleri
- HEX
- #c8d5dd
- RGB
- rgb(200 213 221)
- HSL
- hsl(203 24% 83%)
- HWB
- hwb(203 78% 13%)
- OKLCH
- oklch(0.866 0.018 234.5)
- OKLab
- oklab(0.866 -0.01 -0.015)
- CIE Lab
- lab(84.45 -3.38 -5.55)
- LCH
- lch(84.45 6.5 238.6)
- CMYK
- cmyk(10% 4% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDD9E0
- D3DDE4
- D8E1E7
- DEE6EB
- E3EAEE
- E9EEF1
- EEF2F5
- F4F7F8
- F9FBFC
Koyu tonlar
- AEB9C0
- 949EA4
- 7B8388
- 636A6E
- 4C5155
- 363A3D
- 212426
- 0F1011
- 020202
Gri tonlar
- C1CCD3
- B9C3CA
- B2BBC0
- ABB2B7
- A3AAAD
- 9CA1A4
- 95999B
- 8E9092
- 878889
Renk uyumları
Tamamlayıcı +180°
- C8D5DD
Nearsighted
- DDD0C8
≈ Mushroom Risotto
Analog -30° +30°
- C8D5DD
Nearsighted
- C6D6D8
≈ Skydiving
- CDD3DF
≈ Gentle Blue
Üçlü +120° +240°
- C8D5DD
Nearsighted
- DDCED3
≈ Light Pink Linen
- D2D4C7
≈ Filmy Green
Bölünmüş tamamlayıcı +150° +210°
- C8D5DD
Nearsighted
- DECFCD
≈ Light Hint of Lavender
- D8D2C6
≈ Winter in New York
Dörtlü +90° +180° +270°
- C8D5DD
Nearsighted
- D9CFD9
≈ Light Puffball
- DDD0C8
≈ Mushroom Risotto
- CCD6CC
≈ Celadon Glaze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.01:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.01:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--nearsighted: #c8d5dd;
--nearsighted-rgb: 200 213 221;
--nearsighted-oklch: oklch(0.866 0.018 234.5);
}
.element {
color: var(--nearsighted);
background-color: hsl(203 24% 83%);
border-color: oklch(0.866 0.018 234.5);
}Tailwind CSS v4
@theme {
--color-nearsighted: #c8d5dd;
--color-nearsighted-50: #f0f6fa;
--color-nearsighted-100: #e2e9ed;
--color-nearsighted-200: #cdd6db;
--color-nearsighted-300: #afb9bf;
--color-nearsighted-400: #95a0a8;
--color-nearsighted-500: #7b8890;
--color-nearsighted-600: #68737a;
--color-nearsighted-700: #535c62;
--color-nearsighted-800: #3c4448;
--color-nearsighted-900: #2a2f32;
--color-nearsighted-950: #171b1e;
}SCSS
$nearsighted: #c8d5dd;
$nearsighted-rgb: 200, 213, 221;
$nearsighted-light: mix(#fff, $nearsighted, 20%);
$nearsighted-dark: mix(#000, $nearsighted, 20%);
.element {
color: $nearsighted;
box-shadow: 0 0 0 2px rgba($nearsighted, 0.35);
}