最接近的命名颜色 · #DCE8DF
#DCE8DF
最接近的命名颜色: Clair de Lune
#DCE8DF（rgb(220 232 223)、hsl(135 21% 89%)、oklch(0.919 0.018 153.5)）最接近命名颜色 Clair de Lune。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DCE8DF
oklch(0.919 0.018 153.5)
颜色转换
- HEX
- #dce8df
- RGB
- rgb(220 232 223)
- HSL
- hsl(135 21% 89%)
- HWB
- hwb(135 86% 9%)
- OKLCH
- oklch(0.919 0.018 153.5)
- OKLab
- oklab(0.919 -0.016 0.008)
- CIE Lab
- lab(90.89 -5.37 2.94)
- LCH
- lch(90.89 6.12 151.3)
- CMYK
- cmyk(5% 0% 4% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- DFEAE2
- E3EDE5
- E6EFE9
- EAF1EC
- EDF3EF
- F1F6F2
- F4F8F5
- F8FAF9
- FBFDFC
深色调
- BFCAC2
- A3ACA5
- 88908A
- 6E746F
- 545956
- 3C403D
- 262927
- 111312
- 020302
灰色调
- D2DDD5
- C9D2CB
- BFC8C2
- B6BDB8
- ADB3AE
- A4A8A5
- 9B9E9B
- 929492
- 898A89
配色和谐
互补色 +180°
- DCE8DF
Clair de Lune
- ECE0E9
≈ Tiara Jewel
类似色 -30° +30°
- DCE8DF
Clair de Lune
- E2E7DA
≈ Summer Rain
- D8E8E5
≈ Aqua Breeze
三角配色 +120° +240°
- DCE8DF
Clair de Lune
- E0E4F1
≈ Iris Ice
- F0E0DD
≈ White Russian
分裂互补色 +150° +210°
- DCE8DF
Clair de Lune
- E7E2EE
≈ Farsighted
- EFE0E3
≈ Pink Booties
四角配色 +90° +180° +270°
- DCE8DF
Clair de Lune
- DBE6EF
≈ Space Wolves Grey
- ECE0E9
≈ Tiara Jewel
- EDE2D9
≈ Merlin’s Beard
对比度与无障碍
Ag
Fail白底
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.65:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--clair-de-lune: #dce8df;
--clair-de-lune-rgb: 220 232 223;
--clair-de-lune-oklch: oklch(0.919 0.018 153.5);
}
.element {
color: var(--clair-de-lune);
background-color: hsl(135 21% 89%);
border-color: oklch(0.919 0.018 153.5);
}Tailwind CSS v4
@theme {
--color-clair-de-lune: #dce8df;
--color-clair-de-lune-50: #f1f7f3;
--color-clair-de-lune-100: #e3eae5;
--color-clair-de-lune-200: #cfd7d1;
--color-clair-de-lune-300: #b1bab4;
--color-clair-de-lune-400: #97a29a;
--color-clair-de-lune-500: #7e8a81;
--color-clair-de-lune-600: #6a756d;
--color-clair-de-lune-700: #555d57;
--color-clair-de-lune-800: #3e443f;
--color-clair-de-lune-900: #2b2f2c;
--color-clair-de-lune-950: #181c19;
}SCSS
$clair-de-lune: #dce8df;
$clair-de-lune-rgb: 220, 232, 223;
$clair-de-lune-light: mix(#fff, $clair-de-lune, 20%);
$clair-de-lune-dark: mix(#000, $clair-de-lune, 20%);
.element {
color: $clair-de-lune;
box-shadow: 0 0 0 2px rgba($clair-de-lune, 0.35);
}