最接近的命名颜色 · #EBF0F5
#EBF0F5
最接近的命名颜色: Distant Wind Chime
#EBF0F5（rgb(235 240 245)、hsl(210 33% 94%)、oklch(0.953 0.009 247.9)）最接近命名颜色 Distant Wind Chime。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EBF0F5
oklch(0.953 0.009 247.9)
颜色转换
- HEX
- #ebf0f5
- RGB
- rgb(235 240 245)
- HSL
- hsl(210 33% 94%)
- HWB
- hwb(210 92% 4%)
- OKLCH
- oklch(0.953 0.009 247.9)
- OKLab
- oklab(0.953 -0.003 -0.008)
- CIE Lab
- lab(94.52 -1.04 -3.03)
- LCH
- lch(94.52 3.21 251)
- CMYK
- cmyk(4% 2% 0% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- EDF1F6
- EFF3F7
- F1F4F8
- F3F6F9
- F5F7FA
- F7F9FB
- F9FAFC
- FBFCFD
- FDFDFE
深色调
- CCD1D5
- AEB2B6
- 919598
- 75787B
- 5B5D5F
- 414344
- 292A2B
- 131415
- 030303
灰色调
- E0E4E9
- D5D9DD
- CACDD0
- BFC2C5
- B4B6B9
- A9ABAD
- 9FA0A2
- 949596
- 8A8B8B
配色和谐
互补色 +180°
- EBF0F5
Distant Wind Chime
- F3EEE9
≈ Pink Mirage
类似色 -30° +30°
- EBF0F5
Distant Wind Chime
- E9F1F3
≈ Powder White
- EEEFF5
≈ Springtime Rain
三角配色 +120° +240°
- EBF0F5
Distant Wind Chime
- F5EDEE
≈ Line Dried Sheets
- EEF1EA
≈ Clean Buffer
分裂互补色 +150° +210°
- EBF0F5
Distant Wind Chime
- F5EEEB
≈ Furry Lady
- F1EFE9
≈ Fuji Snow
四角配色 +90° +180° +270°
- EBF0F5
Distant Wind Chime
- F3EDF1
≈ Dress Pink
- F3EEE9
≈ Pink Mirage
- EBF1ED
≈ Spring Fog
对比度与无障碍
Ag
Fail白底
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.31:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--distant-wind-chime: #ebf0f5;
--distant-wind-chime-rgb: 235 240 245;
--distant-wind-chime-oklch: oklch(0.953 0.009 247.9);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(210 33% 94%);
border-color: oklch(0.953 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #ebf0f5;
--color-distant-wind-chime-50: #f3f5f7;
--color-distant-wind-chime-100: #e6e8eb;
--color-distant-wind-chime-200: #d1d4d8;
--color-distant-wind-chime-300: #b4b8bc;
--color-distant-wind-chime-400: #9b9fa3;
--color-distant-wind-chime-500: #82878c;
--color-distant-wind-chime-600: #6e7276;
--color-distant-wind-chime-700: #585b5f;
--color-distant-wind-chime-800: #404345;
--color-distant-wind-chime-900: #2c2e30;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #ebf0f5;
$distant-wind-chime-rgb: 235, 240, 245;
$distant-wind-chime-light: mix(#fff, $distant-wind-chime, 20%);
$distant-wind-chime-dark: mix(#000, $distant-wind-chime, 20%);
.element {
color: $distant-wind-chime;
box-shadow: 0 0 0 2px rgba($distant-wind-chime, 0.35);
}