最接近的命名颜色 · #DFEFF8
#DFEFF8
最接近的命名颜色: Celestial Cathedral
#DFEFF8（rgb(223 239 248)、hsl(202 64% 92%)、oklch(0.943 0.021 232.1)）最接近命名颜色 Celestial Cathedral。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DFEFF8
oklch(0.943 0.021 232.1)
颜色转换
- HEX
- #dfeff8
- RGB
- rgb(223 239 248)
- HSL
- hsl(202 64% 92%)
- HWB
- hwb(202 87% 3%)
- OKLCH
- oklch(0.943 0.021 232.1)
- OKLab
- oklab(0.943 -0.013 -0.017)
- CIE Lab
- lab(93.44 -4.18 -6.27)
- LCH
- lch(93.44 7.54 236.3)
- CMYK
- cmyk(10% 4% 0% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- E2F1F9
- E5F2F9
- E9F4FA
- ECF5FB
- EFF7FC
- F2F9FC
- F5FAFD
- F9FCFE
- FCFDFE
深色调
- C2D0D8
- A5B1B8
- 8A949A
- 6F787C
- 565C60
- 3D4245
- 272A2C
- 121415
- 020303
灰色调
- D5E3EB
- CBD8DF
- C2CCD3
- B8C1C6
- AEB6BA
- A5ABAE
- 9CA0A2
- 929597
- 898B8B
配色和谐
互补色 +180°
- DFEFF8
Celestial Cathedral
- F8E9E0
≈ Morning Blush
类似色 -30° +30°
- DFEFF8
Celestial Cathedral
- DDF1F2
≈ Soar
- E5EDFB
≈ Cotton Boll
三角配色 +120° +240°
- DFEFF8
Celestial Cathedral
- F8E7ED
≈ Hepatica
- ECEEDE
≈ Hemlock Bud
分裂互补色 +150° +210°
- DFEFF8
Celestial Cathedral
- FAE7E6
≈ Unburdened Pink
- F3EBDD
≈ Painter’s White
四角配色 +90° +180° +270°
- DFEFF8
Celestial Cathedral
- F3E8F5
≈ Perfume Haze
- F8E9E0
≈ Morning Blush
- E5F0E3
≈ Molly Green
对比度与无障碍
Ag
Fail白底
WCAG 1.17:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.83:1 · APCA Lc 96
最佳文字颜色: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--celestial-cathedral: #dfeff8;
--celestial-cathedral-rgb: 223 239 248;
--celestial-cathedral-oklch: oklch(0.943 0.021 232.1);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(202 64% 92%);
border-color: oklch(0.943 0.021 232.1);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #dfeff8;
--color-celestial-cathedral-50: #f0f6fa;
--color-celestial-cathedral-100: #e1e9ee;
--color-celestial-cathedral-200: #ccd6dc;
--color-celestial-cathedral-300: #aeb9c1;
--color-celestial-cathedral-400: #93a1a9;
--color-celestial-cathedral-500: #798992;
--color-celestial-cathedral-600: #66747b;
--color-celestial-cathedral-700: #525d63;
--color-celestial-cathedral-800: #3b4448;
--color-celestial-cathedral-900: #292f32;
--color-celestial-cathedral-950: #171b1e;
}SCSS
$celestial-cathedral: #dfeff8;
$celestial-cathedral-rgb: 223, 239, 248;
$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);
}