命名颜色 · #E4EBDC
Minified Mint
Minified Mint 即 #E4EBDC：rgb(228 235 220)、hsl(88 27% 89%)、oklch(0.931 0.021 127.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Minified Mint color name →
#E4EBDC
oklch(0.931 0.021 127.4)
颜色转换
- HEX
- #e4ebdc
- RGB
- rgb(228 235 220)
- HSL
- hsl(88 27% 89%)
- HWB
- hwb(88 86% 8%)
- OKLCH
- oklch(0.931 0.021 127.4)
- OKLab
- oklab(0.931 -0.013 0.017)
- CIE Lab
- lab(92.2 -4.39 6.45)
- LCH
- lch(92.2 7.81 124.3)
- CMYK
- cmyk(3% 0% 6% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- E7EDDF
- E9EFE3
- ECF1E6
- EFF3EA
- F1F5ED
- F4F7F1
- F7F9F4
- FAFBF8
- FCFDFB
深色调
- C6CCBF
- A9AEA3
- 8D9188
- 72756E
- 585B54
- 3F413C
- 282926
- 121311
- 030302
灰色调
- DAE0D2
- CFD5C9
- C5CABF
- BBBFB6
- B1B4AD
- A7A9A4
- 9D9F9B
- 939492
- 8A8A89
配色和谐
互补色 +180°
- E4EBDC
Minified Mint
- ECE5F3
≈ Tranquil Eve
类似色 -30° +30°
- E4EBDC
Minified Mint
- ECE8D9
≈ Fresh Linen
- DDEDE3
≈ Wishy-Washy Lichen
三角配色 +120° +240°
- E4EBDC
Minified Mint
- DDEAF6
≈ Freeze Up
- F6E3E5
≈ Faint Pink
分裂互补色 +150° +210°
- E4EBDC
Minified Mint
- E4E7F7
≈ Glitter
- F2E3ED
≈ Pink Amour
四角配色 +90° +180° +270°
- E4EBDC
Minified Mint
- D9ECF2
≈ Frost Wind
- ECE5F3
≈ Tranquil Eve
- F6E4DE
≈ Faded Light
对比度与无障碍
Ag
Fail白底
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.21:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--minified-mint: #e4ebdc;
--minified-mint-rgb: 228 235 220;
--minified-mint-oklch: oklch(0.931 0.021 127.4);
}
.element {
color: var(--minified-mint);
background-color: hsl(88 27% 89%);
border-color: oklch(0.931 0.021 127.4);
}Tailwind CSS v4
@theme {
--color-minified-mint: #e4ebdc;
--color-minified-mint-50: #f3f6f0;
--color-minified-mint-100: #e5e9e2;
--color-minified-mint-200: #d1d6cd;
--color-minified-mint-300: #b4baae;
--color-minified-mint-400: #9ba194;
--color-minified-mint-500: #82897a;
--color-minified-mint-600: #6e7467;
--color-minified-mint-700: #585d53;
--color-minified-mint-800: #40443c;
--color-minified-mint-900: #2c2f29;
--color-minified-mint-950: #1a1b17;
}SCSS
$minified-mint: #e4ebdc;
$minified-mint-rgb: 228, 235, 220;
$minified-mint-light: mix(#fff, $minified-mint, 20%);
$minified-mint-dark: mix(#000, $minified-mint, 20%);
.element {
color: $minified-mint;
box-shadow: 0 0 0 2px rgba($minified-mint, 0.35);
}