命名颜色 · #EFDED1
Nearly Peach
Nearly Peach 即 #EFDED1：rgb(239 222 209)、hsl(26 48% 88%)、oklch(0.911 0.026 59.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Nearly Peach color name →
#EFDED1
oklch(0.911 0.026 59.9)
颜色转换
- HEX
- #efded1
- RGB
- rgb(239 222 209)
- HSL
- hsl(26 48% 88%)
- HWB
- hwb(26 82% 6%)
- OKLCH
- oklch(0.911 0.026 59.9)
- OKLab
- oklab(0.911 0.013 0.022)
- CIE Lab
- lab(89.6 4.45 8.61)
- LCH
- lch(89.6 9.69 62.7)
- CMYK
- cmyk(0% 7% 13% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- F1E1D6
- F2E5DA
- F4E8DF
- F5EBE3
- F7EEE8
- F9F2EC
- FAF5F1
- FCF8F6
- FDFCFA
深色调
- D0C1B5
- B1A59B
- 948981
- 786F68
- 5C5550
- 423D39
- 2A2623
- 141210
- 030202
灰色调
- E3D4C9
- D8CAC0
- CCC1B8
- C1B7B0
- B6AEA8
- ABA4A0
- A09B98
- 959290
- 8B8988
配色和谐
互补色 +180°
- EFDED1
Nearly Peach
- D3E4F1
≈ New Heights
类似色 -30° +30°
- EFDED1
Nearly Peach
- F2DCD8
≈ Angelic
- E8E1CF
≈ Shearling
三角配色 +120° +240°
- EFDED1
Nearly Peach
- D0E7E2
≈ Aqua Glass
- E4DEF1
≈ Lingering Lilac
分裂互补色 +150° +210°
- EFDED1
Nearly Peach
- CFE7EB
≈ Ethereal Mood
- DBE1F3
≈ Aquarelle Purple
四角配色 +90° +180° +270°
- EFDED1
Nearly Peach
- D6E7D9
≈ Toadstool Dot
- D3E4F1
≈ New Heights
- ECDCEA
≈ Elfin Magic
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.03:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--nearly-peach: #efded1;
--nearly-peach-rgb: 239 222 209;
--nearly-peach-oklch: oklch(0.911 0.026 59.9);
}
.element {
color: var(--nearly-peach);
background-color: hsl(26 48% 88%);
border-color: oklch(0.911 0.026 59.9);
}Tailwind CSS v4
@theme {
--color-nearly-peach: #efded1;
--color-nearly-peach-50: #fbf4ee;
--color-nearly-peach-100: #eee6df;
--color-nearly-peach-200: #ddd2c9;
--color-nearly-peach-300: #c1b5aa;
--color-nearly-peach-400: #aa9b90;
--color-nearly-peach-500: #938375;
--color-nearly-peach-600: #7d6f64;
--color-nearly-peach-700: #64584f;
--color-nearly-peach-800: #49403a;
--color-nearly-peach-900: #332c28;
--color-nearly-peach-950: #1f1916;
}SCSS
$nearly-peach: #efded1;
$nearly-peach-rgb: 239, 222, 209;
$nearly-peach-light: mix(#fff, $nearly-peach, 20%);
$nearly-peach-dark: mix(#000, $nearly-peach, 20%);
.element {
color: $nearly-peach;
box-shadow: 0 0 0 2px rgba($nearly-peach, 0.35);
}