最接近的命名颜色 · #E0F4FA
#E0F4FA
最接近的命名颜色: Diamond White
#E0F4FA（rgb(224 244 250)、hsl(194 72% 93%)、oklch(0.954 0.023 217.6)）最接近命名颜色 Diamond White。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E0F4FA
oklch(0.954 0.023 217.6)
颜色转换
- HEX
- #e0f4fa
- RGB
- rgb(224 244 250)
- HSL
- hsl(194 72% 93%)
- HWB
- hwb(194 88% 2%)
- OKLCH
- oklch(0.954 0.023 217.6)
- OKLab
- oklab(0.954 -0.018 -0.014)
- CIE Lab
- lab(94.84 -5.93 -5.26)
- LCH
- lch(94.84 7.93 221.6)
- CMYK
- cmyk(10% 2% 0% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- E3F5FB
- E6F6FB
- E9F7FC
- ECF8FC
- F0FAFD
- F3FBFD
- F6FCFE
- F9FDFE
- FCFEFF
深色调
- C3D4D9
- A6B5BA
- 8A979B
- 707A7D
- 565E61
- 3E4446
- 272B2D
- 121415
- 020303
灰色调
- D6E8ED
- CCDCE0
- C2D0D4
- B9C4C7
- AFB8BB
- A5ADAF
- 9CA1A3
- 929697
- 898B8B
配色和谐
互补色 +180°
- E0F4FA
Diamond White
- FEEBE5
≈ Soft Pink Mist
类似色 -30° +30°
- E0F4FA
Diamond White
- E0F5F2
≈ Frosty Mint
- E4F2FF
≈ Wizard White
三角配色 +120° +240°
- E0F4FA
Diamond White
- FBEAF5
≈ Placebo Magenta
- F4F0DF
≈ Combed Cotton
分裂互补色 +150° +210°
- E0F4FA
Diamond White
- FEEAED
≈ Rose Mochi
- FBEDE0
≈ Fine White
四角配色 +90° +180° +270°
- E0F4FA
Diamond White
- F4ECFC
≈ Placebo Fuchsia
- FEEBE5
≈ Soft Pink Mist
- EBF3E3
≈ White Mecca
对比度与无障碍
Ag
Fail白底
WCAG 1.13:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.49:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--diamond-white: #e0f4fa;
--diamond-white-rgb: 224 244 250;
--diamond-white-oklch: oklch(0.954 0.023 217.6);
}
.element {
color: var(--diamond-white);
background-color: hsl(194 72% 93%);
border-color: oklch(0.954 0.023 217.6);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e0f4fa;
--color-diamond-white-50: #eef7fa;
--color-diamond-white-100: #e0eaed;
--color-diamond-white-200: #cad7db;
--color-diamond-white-300: #abbabf;
--color-diamond-white-400: #90a2a7;
--color-diamond-white-500: #768a90;
--color-diamond-white-600: #64757a;
--color-diamond-white-700: #505d62;
--color-diamond-white-800: #3a4447;
--color-diamond-white-900: #282f31;
--color-diamond-white-950: #161c1d;
}SCSS
$diamond-white: #e0f4fa;
$diamond-white-rgb: 224, 244, 250;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}