命名颜色 · #EBBED3
Cherry Cordial
Cherry Cordial 即 #EBBED3：rgb(235 190 211)、hsl(332 53% 83%)、oklch(0.847 0.058 348.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Cherry Cordial color name →
#EBBED3
oklch(0.847 0.058 348.7)
颜色转换
- HEX
- #ebbed3
- RGB
- rgb(235 190 211)
- HSL
- hsl(332 53% 83%)
- HWB
- hwb(332 75% 8%)
- OKLCH
- oklch(0.847 0.058 348.7)
- OKLab
- oklab(0.847 0.057 -0.011)
- CIE Lab
- lab(81.48 19.07 -4.14)
- LCH
- lch(81.48 19.52 347.8)
- CMYK
- cmyk(0% 19% 10% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDC4D7
- EFCBDC
- F2D1E0
- F4D8E4
- F6DEE9
- F8E5ED
- FAEBF2
- FBF2F6
- FDF8FB
深色调
- CCA5B7
- AE8C9C
- 917582
- 755E69
- 5B4851
- 41333A
- 291F24
- 130D10
- 030202
灰色调
- E0B8CA
- D5B1C2
- CAABB9
- BFA5B1
- B59FA9
- AA98A0
- 9F9298
- 958C90
- 8A8688
配色和谐
互补色 +180°
- EBBED3
Cherry Cordial
- A8DAC6
≈ Prism
类似色 -30° +30°
- EBBED3
Cherry Cordial
- DEC1E6
≈ Glittering Gemstone
- F1BEBE
≈ Pinkathon
三角配色 +120° +240°
- EBBED3
Cherry Cordial
- CFD0A5
≈ Heart of Palm
- A6D5EB
≈ Light Deluxe Days
分裂互补色 +150° +210°
- EBBED3
Cherry Cordial
- BAD7B2
≈ Bleached Spruce
- A0D9DB
≈ Lake Reflection
四角配色 +90° +180° +270°
- EBBED3
Cherry Cordial
- E2C9A3
≈ Biltmore Buff
- A8DAC6
≈ Prism
- B6CEF3
≈ Frost Fairy
对比度与无障碍
Ag
Fail白底
WCAG 1.63:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.83:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--cherry-cordial: #ebbed3;
--cherry-cordial-rgb: 235 190 211;
--cherry-cordial-oklch: oklch(0.847 0.058 348.7);
}
.element {
color: var(--cherry-cordial);
background-color: hsl(332 53% 83%);
border-color: oklch(0.847 0.058 348.7);
}Tailwind CSS v4
@theme {
--color-cherry-cordial: #ebbed3;
--color-cherry-cordial-50: #ffeff7;
--color-cherry-cordial-100: #f8e0ea;
--color-cherry-cordial-200: #e9cbd7;
--color-cherry-cordial-300: #d0acbb;
--color-cherry-cordial-400: #b991a4;
--color-cherry-cordial-500: #a4778c;
--color-cherry-cordial-600: #8b6577;
--color-cherry-cordial-700: #6f505f;
--color-cherry-cordial-800: #523a46;
--color-cherry-cordial-900: #392831;
--color-cherry-cordial-950: #23161d;
}SCSS
$cherry-cordial: #ebbed3;
$cherry-cordial-rgb: 235, 190, 211;
$cherry-cordial-light: mix(#fff, $cherry-cordial, 20%);
$cherry-cordial-dark: mix(#000, $cherry-cordial, 20%);
.element {
color: $cherry-cordial;
box-shadow: 0 0 0 2px rgba($cherry-cordial, 0.35);
}