最接近的命名颜色 · #EAEEE9
#EAEEE9
最接近的命名颜色: Distant Cloud
#EAEEE9（rgb(234 238 233)、hsl(108 13% 92%)、oklch(0.945 0.008 139.4)）最接近命名颜色 Distant Cloud。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EAEEE9
oklch(0.945 0.008 139.4)
颜色转换
- HEX
- #eaeee9
- RGB
- rgb(234 238 233)
- HSL
- hsl(108 13% 92%)
- HWB
- hwb(108 91% 7%)
- OKLCH
- oklch(0.945 0.008 139.4)
- OKLab
- oklab(0.945 -0.006 0.005)
- CIE Lab
- lab(93.68 -2.04 1.94)
- LCH
- lch(93.68 2.82 136.6)
- CMYK
- cmyk(2% 0% 2% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- ECF0EB
- EEF1ED
- F0F3F0
- F2F5F2
- F4F6F4
- F7F8F6
- F9FAF8
- FBFCFB
- FDFDFD
深色调
- CBCFCB
- AEB1AD
- 919390
- 757774
- 5A5C5A
- 414241
- 292A29
- 131413
- 030303
灰色调
- DFE2DE
- D4D7D3
- C9CCC8
- BEC1BE
- B4B5B3
- A9AAA9
- 9FA09E
- 949594
- 8A8A8A
配色和谐
互补色 +180°
- EAEEE9
Distant Cloud
- EFEBF0
≈ Violet Clues
类似色 -30° +30°
- EAEEE9
Distant Cloud
- EDEDE7
≈ Neutral White
- E8EEEC
≈ Kiss Me Kate
三角配色 +120° +240°
- EAEEE9
Distant Cloud
- EAEDF2
≈ Walls of Santorini
- F2EBEA
≈ Opulent Opal
分裂互补色 +150° +210°
- EAEEE9
Distant Cloud
- ECECF2
≈ Bright Grey
- F1EBED
≈ Sheikh White
四角配色 +90° +180° +270°
- EAEEE9
Distant Cloud
- E8EEF1
≈ Walls of Santorini
- EFEBF0
≈ Violet Clues
- F1EBE8
≈ Charolais Cattle
对比度与无障碍
Ag
Fail白底
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黑底
WCAG 17.90:1 · APCA Lc 96
最佳文字颜色: #000000
WCAG 17.90:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--distant-cloud: #eaeee9;
--distant-cloud-rgb: 234 238 233;
--distant-cloud-oklch: oklch(0.945 0.008 139.4);
}
.element {
color: var(--distant-cloud);
background-color: hsl(108 13% 92%);
border-color: oklch(0.945 0.008 139.4);
}Tailwind CSS v4
@theme {
--color-distant-cloud: #eaeee9;
--color-distant-cloud-50: #f4f6f4;
--color-distant-cloud-100: #e6e8e6;
--color-distant-cloud-200: #d2d5d2;
--color-distant-cloud-300: #b5b8b5;
--color-distant-cloud-400: #9ca09b;
--color-distant-cloud-500: #838782;
--color-distant-cloud-600: #6f736e;
--color-distant-cloud-700: #595c58;
--color-distant-cloud-800: #414340;
--color-distant-cloud-900: #2d2e2c;
--color-distant-cloud-950: #1a1b19;
}SCSS
$distant-cloud: #eaeee9;
$distant-cloud-rgb: 234, 238, 233;
$distant-cloud-light: mix(#fff, $distant-cloud, 20%);
$distant-cloud-dark: mix(#000, $distant-cloud, 20%);
.element {
color: $distant-cloud;
box-shadow: 0 0 0 2px rgba($distant-cloud, 0.35);
}