이름 색상 · #DAEAF6
Celestial Cathedral
Celestial Cathedral은(는) #DAEAF6: rgb(218 234 246), hsl(206 61% 91%), oklch(0.929 0.024 240.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Celestial Cathedral color name →
#DAEAF6
oklch(0.929 0.024 240.1)
색상 변환
- HEX
- #daeaf6
- RGB
- rgb(218 234 246)
- HSL
- hsl(206 61% 91%)
- HWB
- hwb(206 85% 4%)
- OKLCH
- oklch(0.929 0.024 240.1)
- OKLab
- oklab(0.929 -0.012 -0.02)
- CIE Lab
- lab(91.76 -3.75 -7.75)
- LCH
- lch(91.76 8.61 244.1)
- CMYK
- cmyk(11% 5% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- DEECF7
- E1EEF8
- E5F0F9
- E9F2FA
- ECF4FB
- F0F7FB
- F4F9FC
- F8FBFD
- FBFDFE
셰이드
- BDCBD6
- A2AEB7
- 879198
- 6C757B
- 545A5F
- 3C4145
- 25292C
- 111315
- 020303
톤
- D1DFEA
- C7D4DD
- BEC9D1
- B5BEC5
- ACB4B9
- A3A9AE
- 9A9FA2
- 919496
- 898A8B
색 조화
보색 +180°
- DAEAF6
Celestial Cathedral
- F4E4D8
≈ Early Sunset
유사색 -30° +30°
- DAEAF6
Celestial Cathedral
- D6ECF0
≈ Sparkling River
- E1E7F8
≈ Glitter
삼각 배색 +120° +240°
- DAEAF6
Celestial Cathedral
- F6E1E7
≈ Pork Belly
- E5EAD9
≈ Homoeopathic Mint
분열 보색 +150° +210°
- DAEAF6
Celestial Cathedral
- F7E2DE
≈ Floral Linen
- EDE7D6
≈ Board & Batten
사각 배색 +90° +180° +270°
- DAEAF6
Celestial Cathedral
- F1E2EF
≈ Sheer Lavender
- F4E4D8
≈ Early Sunset
- DDECDF
≈ Cryo Freeze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.08:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--celestial-cathedral: #daeaf6;
--celestial-cathedral-rgb: 218 234 246;
--celestial-cathedral-oklch: oklch(0.929 0.024 240.1);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(206 61% 91%);
border-color: oklch(0.929 0.024 240.1);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #daeaf6;
--color-celestial-cathedral-50: #f0f6fb;
--color-celestial-cathedral-100: #e1e9ef;
--color-celestial-cathedral-200: #ccd6de;
--color-celestial-cathedral-300: #adb9c3;
--color-celestial-cathedral-400: #92a1ab;
--color-celestial-cathedral-500: #798995;
--color-celestial-cathedral-600: #66747e;
--color-celestial-cathedral-700: #525c65;
--color-celestial-cathedral-800: #3b444a;
--color-celestial-cathedral-900: #282f33;
--color-celestial-cathedral-950: #161b1f;
}SCSS
$celestial-cathedral: #daeaf6;
$celestial-cathedral-rgb: 218, 234, 246;
$celestial-cathedral-light: mix(#fff, $celestial-cathedral, 20%);
$celestial-cathedral-dark: mix(#000, $celestial-cathedral, 20%);
.element {
color: $celestial-cathedral;
box-shadow: 0 0 0 2px rgba($celestial-cathedral, 0.35);
}