最接近的命名颜色 · #E5E5E9
#E5E5E9
最接近的命名颜色: Festive Ferret
#E5E5E9（rgb(229 229 233)、hsl(240 8% 91%)、oklch(0.923 0.005 286.3)）最接近命名颜色 Festive Ferret。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E5E5E9
oklch(0.923 0.005 286.3)
颜色转换
- HEX
- #e5e5e9
- RGB
- rgb(229 229 233)
- HSL
- hsl(240 8% 91%)
- HWB
- hwb(240 90% 9%)
- OKLCH
- oklch(0.923 0.005 286.3)
- OKLab
- oklab(0.923 0.002 -0.005)
- CIE Lab
- lab(91.03 0.54 -1.95)
- LCH
- lch(91.03 2.03 285.4)
- CMYK
- cmyk(2% 2% 0% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E8E8EB
- EAEAED
- EDEDF0
- EFEFF2
- F2F2F4
- F5F5F6
- F7F7F8
- FAFAFB
- FCFCFD
深色调
- C7C7CB
- AAAAAD
- 8E8E90
- 727274
- 58585A
- 3F3F41
- 282829
- 121213
- 030303
灰色调
- DADADE
- D0D0D3
- C6C6C8
- BBBBBE
- B1B1B3
- A7A7A9
- 9D9D9E
- 939394
- 8A8A8A
配色和谐
互补色 +180°
- E5E5E9
Festive Ferret
- E6E6E2
≈ Pearl Brite
类似色 -30° +30°
- E5E5E9
Festive Ferret
- E3E6E9
≈ Little Dipper
- E7E4E8
≈ Winter Orchid
三角配色 +120° +240°
- E5E5E9
Festive Ferret
- E9E4E3
≈ Winged Victory
- E2E7E5
≈ Silent White
分裂互补色 +150° +210°
- E5E5E9
Festive Ferret
- E8E5E2
≈ Soft Violet
- E4E6E3
≈ Blanc de Blanc
四角配色 +90° +180° +270°
- E5E5E9
Festive Ferret
- E9E4E4
≈ Antique Petal
- E6E6E2
≈ Pearl Brite
- E2E7E7
≈ White Lake
对比度与无障碍
Ag
Fail白底
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.71:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--festive-ferret: #e5e5e9;
--festive-ferret-rgb: 229 229 233;
--festive-ferret-oklch: oklch(0.923 0.005 286.3);
}
.element {
color: var(--festive-ferret);
background-color: hsl(240 8% 91%);
border-color: oklch(0.923 0.005 286.3);
}Tailwind CSS v4
@theme {
--color-festive-ferret: #e5e5e9;
--color-festive-ferret-50: #f5f5f6;
--color-festive-ferret-100: #e8e7e9;
--color-festive-ferret-200: #d4d4d6;
--color-festive-ferret-300: #b7b7ba;
--color-festive-ferret-400: #9e9ea1;
--color-festive-ferret-500: #86868a;
--color-festive-ferret-600: #717174;
--color-festive-ferret-700: #5a5a5d;
--color-festive-ferret-800: #424244;
--color-festive-ferret-900: #2e2e2f;
--color-festive-ferret-950: #1a1a1c;
}SCSS
$festive-ferret: #e5e5e9;
$festive-ferret-rgb: 229, 229, 233;
$festive-ferret-light: mix(#fff, $festive-ferret, 20%);
$festive-ferret-dark: mix(#000, $festive-ferret, 20%);
.element {
color: $festive-ferret;
box-shadow: 0 0 0 2px rgba($festive-ferret, 0.35);
}