最接近的命名颜色 · #ECFBFF
#ECFBFF
最接近的命名颜色: Vapour
#ECFBFF（rgb(236 251 255)、hsl(193 100% 96%)、oklch(0.978 0.017 215.5)）最接近命名颜色 Vapour。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#ECFBFF
oklch(0.978 0.017 215.5)
颜色转换
- HEX
- #ecfbff
- RGB
- rgb(236 251 255)
- HSL
- hsl(193 100% 96%)
- HWB
- hwb(193 93% 0%)
- OKLCH
- oklch(0.978 0.017 215.5)
- OKLab
- oklab(0.978 -0.014 -0.01)
- CIE Lab
- lab(97.58 -4.53 -3.71)
- LCH
- lch(97.58 5.85 219.3)
- CMYK
- cmyk(7% 2% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- EEFBFF
- F0FCFF
- F2FCFF
- F4FDFF
- F6FDFF
- F7FDFF
- F9FEFF
- FBFEFF
- FDFFFF
深色调
- CDDADE
- AFBABE
- 929C9E
- 767E80
- 5B6163
- 424648
- 292D2E
- 131516
- 030303
灰色调
- E1EEF2
- D5E1E4
- CAD5D7
- BFC8CA
- B5BCBE
- AAAFB1
- 9FA3A4
- 959798
- 8A8C8C
配色和谐
互补色 +180°
- ECFBFF
Vapour
- FFF5F3
≈ Pink Diminishing
类似色 -30° +30°
- ECFBFF
Vapour
- ECFCF9
≈ Cold White
- F2F9FF
≈ Alice Blue
三角配色 +120° +240°
- ECFBFF
Vapour
- FFF4FC
≈ Pinkish White
- FBF8EC
≈ Pearl Necklace
分裂互补色 +150° +210°
- ECFBFF
Vapour
- FFF5F7
≈ Sea Salt Sherbet
- FFF6EE
≈ Seashell
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.06:1 · APCA Lc 0
Ag
AAA黑底
WCAG 19.80:1 · APCA Lc 103
最佳文字颜色: #000000
WCAG 19.80:1 (AAA) · APCA Lc 103
Contrast pairs
代码片段
CSS
:root {
--vapour: #ecfbff;
--vapour-rgb: 236 251 255;
--vapour-oklch: oklch(0.978 0.017 215.5);
}
.element {
color: var(--vapour);
background-color: hsl(193 100% 96%);
border-color: oklch(0.978 0.017 215.5);
}Tailwind CSS v4
@theme {
--color-vapour: #ecfbff;
--color-vapour-50: #f0f6f8;
--color-vapour-100: #e2e9eb;
--color-vapour-200: #cdd6d9;
--color-vapour-300: #aebabd;
--color-vapour-400: #94a1a5;
--color-vapour-500: #7a898d;
--color-vapour-600: #687477;
--color-vapour-700: #535d60;
--color-vapour-800: #3c4446;
--color-vapour-900: #292f30;
--color-vapour-950: #171b1d;
}SCSS
$vapour: #ecfbff;
$vapour-rgb: 236, 251, 255;
$vapour-light: mix(#fff, $vapour, 20%);
$vapour-dark: mix(#000, $vapour, 20%);
.element {
color: $vapour;
box-shadow: 0 0 0 2px rgba($vapour, 0.35);
}