이름 색상 · #C7DAE8
Celestial Light
Celestial Light은(는) #C7DAE8: rgb(199 218 232), hsl(205 42% 85%), oklch(0.878 0.028 239.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Celestial Light color name →
#C7DAE8
oklch(0.878 0.028 239.7)
색상 변환
- HEX
- #c7dae8
- RGB
- rgb(199 218 232)
- HSL
- hsl(205 42% 85%)
- HWB
- hwb(205 78% 9%)
- OKLCH
- oklch(0.878 0.028 239.7)
- OKLab
- oklab(0.878 -0.014 -0.024)
- CIE Lab
- lab(85.94 -4.49 -9.17)
- LCH
- lch(85.94 10.21 243.9)
- CMYK
- cmyk(14% 6% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- CDDEEA
- D2E1ED
- D8E5EF
- DDE9F1
- E3ECF4
- E8F0F6
- EEF4F8
- F4F8FA
- F9FBFD
셰이드
- ADBDCA
- 93A2AC
- 7A8790
- 626C74
- 4C5459
- 363C40
- 212529
- 0E1113
- 020203
톤
- C0D1DD
- B8C7D2
- B1BEC8
- AAB5BD
- A3ACB3
- 9CA3A8
- 959A9E
- 8E9194
- 87898A
색 조화
보색 +180°
- C7DAE8
Celestial Light
- E6D3C5
≈ Ash Plum
유사색 -30° +30°
- C7DAE8
Celestial Light
- C3DCE1
≈ Byte Blue
- CFD7EA
≈ Lilac Cotton Candy
삼각 배색 +120° +240°
- C7DAE8
Celestial Light
- E8D0D6
≈ Desert Mauve
- D4DAC6
≈ Light Feather Green
분열 보색 +150° +210°
- C7DAE8
Celestial Light
- E9D1CC
≈ Birthday Cake
- DED7C3
≈ Salsify White
사각 배색 +90° +180° +270°
- C7DAE8
Celestial Light
- E2D1E0
≈ Ametrine Quartz
- E6D3C5
≈ Ash Plum
- CBDDCD
≈ Flip a Coin
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.62:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--celestial-light: #c7dae8;
--celestial-light-rgb: 199 218 232;
--celestial-light-oklch: oklch(0.878 0.028 239.7);
}
.element {
color: var(--celestial-light);
background-color: hsl(205 42% 85%);
border-color: oklch(0.878 0.028 239.7);
}Tailwind CSS v4
@theme {
--color-celestial-light: #c7dae8;
--color-celestial-light-50: #eef6fd;
--color-celestial-light-100: #e0e9f1;
--color-celestial-light-200: #cad6df;
--color-celestial-light-300: #abbac5;
--color-celestial-light-400: #90a1ae;
--color-celestial-light-500: #768997;
--color-celestial-light-600: #647480;
--color-celestial-light-700: #505d66;
--color-celestial-light-800: #3a444b;
--color-celestial-light-900: #272f34;
--color-celestial-light-950: #161b20;
}SCSS
$celestial-light: #c7dae8;
$celestial-light-rgb: 199, 218, 232;
$celestial-light-light: mix(#fff, $celestial-light, 20%);
$celestial-light-dark: mix(#000, $celestial-light, 20%);
.element {
color: $celestial-light;
box-shadow: 0 0 0 2px rgba($celestial-light, 0.35);
}