命名颜色 · #ECEEDF
Hemlock Bud
Hemlock Bud 即 #ECEEDF：rgb(236 238 223)、hsl(68 31% 90%)、oklch(0.944 0.02 112.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Hemlock Bud color name →
#ECEEDF
oklch(0.944 0.02 112.9)
颜色转换
- HEX
- #eceedf
- RGB
- rgb(236 238 223)
- HSL
- hsl(68 31% 90%)
- HWB
- hwb(68 87% 7%)
- OKLCH
- oklch(0.944 0.02 112.9)
- OKLab
- oklab(0.944 -0.008 0.018)
- CIE Lab
- lab(93.64 -2.63 7.04)
- LCH
- lch(93.64 7.52 110.4)
- CMYK
- cmyk(1% 0% 6% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- EEF0E2
- F0F1E5
- F2F3E9
- F4F5EC
- F5F6EF
- F7F8F2
- F9FAF5
- FBFCF9
- FDFDFC
深色调
- CDCFC2
- AFB1A5
- 92938A
- 76776F
- 5B5C56
- 42423D
- 292A27
- 131412
- 030302
灰色调
- E1E2D5
- D5D7CB
- CACCC2
- BFC1B8
- B4B5AE
- AAAAA5
- 9FA09C
- 959592
- 8A8A89
配色和谐
互补色 +180°
- ECEEDF
Hemlock Bud
- ECEAF9
≈ Bright Dusk
类似色 -30° +30°
- ECEEDF
Hemlock Bud
- F3EBDE
≈ Painter’s White
- E5F0E4
≈ Stone Path
三角配色 +120° +240°
- ECEEDF
Hemlock Bud
- E0EFF8
≈ Wizard White
- F8E7ED
≈ Hepatica
分裂互补色 +150° +210°
- ECEEDF
Hemlock Bud
- E5EDFA
≈ Cotton Boll
- F3E8F4
≈ Perfume Haze
四角配色 +90° +180° +270°
- ECEEDF
Hemlock Bud
- DEF1F2
≈ Soar
- ECEAF9
≈ Bright Dusk
- FAE7E6
≈ Unburdened Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黑底
WCAG 17.86:1 · APCA Lc 96
最佳文字颜色: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--hemlock-bud: #eceedf;
--hemlock-bud-rgb: 236 238 223;
--hemlock-bud-oklch: oklch(0.944 0.02 112.9);
}
.element {
color: var(--hemlock-bud);
background-color: hsl(68 31% 90%);
border-color: oklch(0.944 0.02 112.9);
}Tailwind CSS v4
@theme {
--color-hemlock-bud: #eceedf;
--color-hemlock-bud-50: #f5f6ef;
--color-hemlock-bud-100: #e7e9e1;
--color-hemlock-bud-200: #d4d5cc;
--color-hemlock-bud-300: #b7b9ad;
--color-hemlock-bud-400: #9ea093;
--color-hemlock-bud-500: #868879;
--color-hemlock-bud-600: #717366;
--color-hemlock-bud-700: #5b5c52;
--color-hemlock-bud-800: #42433b;
--color-hemlock-bud-900: #2e2e29;
--color-hemlock-bud-950: #1b1b17;
}SCSS
$hemlock-bud: #eceedf;
$hemlock-bud-rgb: 236, 238, 223;
$hemlock-bud-light: mix(#fff, $hemlock-bud, 20%);
$hemlock-bud-dark: mix(#000, $hemlock-bud, 20%);
.element {
color: $hemlock-bud;
box-shadow: 0 0 0 2px rgba($hemlock-bud, 0.35);
}