Adlandırılmış renk · #DAEAF6
Celestial Cathedral
Celestial Cathedral, #DAEAF6: rgb(218 234 246), hsl(206 61% 91%), oklch(0.929 0.024 240.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Celestial Cathedral color name →
#DAEAF6
oklch(0.929 0.024 240.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEECF7
- E1EEF8
- E5F0F9
- E9F2FA
- ECF4FB
- F0F7FB
- F4F9FC
- F8FBFD
- FBFDFE
Koyu tonlar
- BDCBD6
- A2AEB7
- 879198
- 6C757B
- 545A5F
- 3C4145
- 25292C
- 111315
- 020303
Gri tonlar
- D1DFEA
- C7D4DD
- BEC9D1
- B5BEC5
- ACB4B9
- A3A9AE
- 9A9FA2
- 919496
- 898A8B
Renk uyumları
Tamamlayıcı +180°
- DAEAF6
Celestial Cathedral
- F4E4D8
≈ Early Sunset
Analog -30° +30°
- DAEAF6
Celestial Cathedral
- D6ECF0
≈ Sparkling River
- E1E7F8
≈ Glitter
Üçlü +120° +240°
- DAEAF6
Celestial Cathedral
- F6E1E7
≈ Pork Belly
- E5EAD9
≈ Homoeopathic Mint
Bölünmüş tamamlayıcı +150° +210°
- DAEAF6
Celestial Cathedral
- F7E2DE
≈ Floral Linen
- EDE7D6
≈ Board & Batten
Dörtlü +90° +180° +270°
- DAEAF6
Celestial Cathedral
- F1E2EF
≈ Sheer Lavender
- F4E4D8
≈ Early Sunset
- DDECDF
≈ Cryo Freeze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.08:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}