Adlandırılmış renk · #CADADE
Sky Light View
Sky Light View, #CADADE: rgb(202 218 222), hsl(192 23% 83%), oklch(0.877 0.018 214.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? → · Sky Light View color name →
#CADADE
oklch(0.877 0.018 214.4)
Renk dönüşümleri
- HEX
- #cadade
- RGB
- rgb(202 218 222)
- HSL
- hsl(192 23% 83%)
- HWB
- hwb(192 79% 13%)
- OKLCH
- oklch(0.877 0.018 214.4)
- OKLab
- oklab(0.877 -0.015 -0.01)
- CIE Lab
- lab(85.92 -4.98 -3.91)
- LCH
- lch(85.92 6.33 218.2)
- CMYK
- cmyk(9% 2% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFDEE1
- D4E1E5
- DAE5E8
- DFE9EB
- E4ECEE
- EAF0F2
- EFF4F5
- F4F8F8
- FAFBFC
Koyu tonlar
- AFBDC1
- 95A2A5
- 7C8789
- 646C6F
- 4D5455
- 373C3D
- 222526
- 0F1112
- 020202
Gri tonlar
- C2D1D4
- BBC7CA
- B3BEC1
- ACB5B7
- A4ACAE
- 9DA3A4
- 969A9B
- 8E9192
- 878989
Renk uyumları
Tamamlayıcı +180°
- CADADE
Sky Light View
- E2D3CF
≈ Romeo
Analog -30° +30°
- CADADE
Sky Light View
- CADBD8
≈ Blue Cypress
- CDD8E2
≈ Blue Reflection
Üçlü +120° +240°
- CADADE
Sky Light View
- DFD2DC
≈ Timid Violet
- DAD7CA
≈ Silver Moon
Bölünmüş tamamlayıcı +150° +210°
- CADADE
Sky Light View
- E2D2D5
≈ Secret Blush
- DFD4CB
≈ Rose Pearl
Dörtlü +90° +180° +270°
- CADADE
Sky Light View
- D9D4E1
≈ Heavenly Haze
- E2D3CF
≈ Romeo
- D4D9CC
≈ Light Gentle Calm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.59:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--sky-light-view: #cadade;
--sky-light-view-rgb: 202 218 222;
--sky-light-view-oklch: oklch(0.877 0.018 214.4);
}
.element {
color: var(--sky-light-view);
background-color: hsl(192 23% 83%);
border-color: oklch(0.877 0.018 214.4);
}Tailwind CSS v4
@theme {
--color-sky-light-view: #cadade;
--color-sky-light-view-50: #f0f6f8;
--color-sky-light-view-100: #e2e9ec;
--color-sky-light-view-200: #ccd6d9;
--color-sky-light-view-300: #aebabd;
--color-sky-light-view-400: #93a1a5;
--color-sky-light-view-500: #798a8e;
--color-sky-light-view-600: #677478;
--color-sky-light-view-700: #525d60;
--color-sky-light-view-800: #3c4446;
--color-sky-light-view-900: #292f30;
--color-sky-light-view-950: #171c1d;
}SCSS
$sky-light-view: #cadade;
$sky-light-view-rgb: 202, 218, 222;
$sky-light-view-light: mix(#fff, $sky-light-view, 20%);
$sky-light-view-dark: mix(#000, $sky-light-view, 20%);
.element {
color: $sky-light-view;
box-shadow: 0 0 0 2px rgba($sky-light-view, 0.35);
}