命名颜色 · #EEDED5
Faint Coral
Faint Coral 即 #EEDED5：rgb(238 222 213)、hsl(22 42% 88%)、oklch(0.911 0.021 51.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Faint Coral color name →
#EEDED5
oklch(0.911 0.021 51.5)
颜色转换
- HEX
- #eeded5
- RGB
- rgb(238 222 213)
- HSL
- hsl(22 42% 88%)
- HWB
- hwb(22 84% 7%)
- OKLCH
- oklch(0.911 0.021 51.5)
- OKLab
- oklab(0.911 0.013 0.017)
- CIE Lab
- lab(89.59 4.56 6.5)
- LCH
- lch(89.59 7.94 55)
- CMYK
- cmyk(0% 7% 11% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F0E1D9
- F1E5DD
- F3E8E1
- F5EBE6
- F7EEEA
- F8F2EE
- FAF5F2
- FCF8F7
- FDFCFB
深色调
- CFC1B9
- B1A59E
- 938983
- 776F6A
- 5C5551
- 423D3A
- 2A2624
- 141210
- 030202
灰色调
- E2D4CC
- D7CAC3
- CCC1BB
- C1B7B2
- B6AEAA
- ABA4A1
- A09B99
- 959290
- 8A8988
配色和谐
互补色 +180°
- EEDED5
Faint Coral
- D4E5EE
≈ Pattens Blue
类似色 -30° +30°
- EEDED5
Faint Coral
- F0DCDB
≈ Lover’s Knot
- E9E1D2
≈ White Clay
三角配色 +120° +240°
- EEDED5
Faint Coral
- D4E7E0
≈ Aqua Glass
- E1DFEF
≈ Imagination
分裂互补色 +150° +210°
- EEDED5
Faint Coral
- D2E6E7
≈ Blue Phlox
- DAE2F0
≈ Vaguely Violet
四角配色 +90° +180° +270°
- EEDED5
Faint Coral
- DAE5D8
≈ Mint Wafer
- D4E5EE
≈ Pattens Blue
- E9DDEA
≈ Sprinkle
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.04:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--faint-coral: #eeded5;
--faint-coral-rgb: 238 222 213;
--faint-coral-oklch: oklch(0.911 0.021 51.5);
}
.element {
color: var(--faint-coral);
background-color: hsl(22 42% 88%);
border-color: oklch(0.911 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-faint-coral: #eeded5;
--color-faint-coral-50: #faf4ef;
--color-faint-coral-100: #eee6e1;
--color-faint-coral-200: #dcd2cc;
--color-faint-coral-300: #c1b5ad;
--color-faint-coral-400: #a99b93;
--color-faint-coral-500: #928279;
--color-faint-coral-600: #7c6e67;
--color-faint-coral-700: #635852;
--color-faint-coral-800: #49403c;
--color-faint-coral-900: #332c29;
--color-faint-coral-950: #1e1917;
}SCSS
$faint-coral: #eeded5;
$faint-coral-rgb: 238, 222, 213;
$faint-coral-light: mix(#fff, $faint-coral, 20%);
$faint-coral-dark: mix(#000, $faint-coral, 20%);
.element {
color: $faint-coral;
box-shadow: 0 0 0 2px rgba($faint-coral, 0.35);
}