이름 색상 · #CADADE
Sky Light View
Sky Light View은(는) #CADADE: rgb(202 218 222), hsl(192 23% 83%), oklch(0.877 0.018 214.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sky Light View color name →
#CADADE
oklch(0.877 0.018 214.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- CFDEE1
- D4E1E5
- DAE5E8
- DFE9EB
- E4ECEE
- EAF0F2
- EFF4F5
- F4F8F8
- FAFBFC
셰이드
- AFBDC1
- 95A2A5
- 7C8789
- 646C6F
- 4D5455
- 373C3D
- 222526
- 0F1112
- 020202
톤
- C2D1D4
- BBC7CA
- B3BEC1
- ACB5B7
- A4ACAE
- 9DA3A4
- 969A9B
- 8E9192
- 878989
색 조화
보색 +180°
- CADADE
Sky Light View
- E2D3CF
≈ Romeo
유사색 -30° +30°
- CADADE
Sky Light View
- CADBD8
≈ Blue Cypress
- CDD8E2
≈ Blue Reflection
삼각 배색 +120° +240°
- CADADE
Sky Light View
- DFD2DC
≈ Timid Violet
- DAD7CA
≈ Silver Moon
분열 보색 +150° +210°
- CADADE
Sky Light View
- E2D2D5
≈ Secret Blush
- DFD4CB
≈ Rose Pearl
사각 배색 +90° +180° +270°
- CADADE
Sky Light View
- D9D4E1
≈ Heavenly Haze
- E2D3CF
≈ Romeo
- D4D9CC
≈ Light Gentle Calm
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.59:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}