最接近的命名颜色 · #EBB5BB
#EBB5BB
最接近的命名颜色: Blush Rush
#EBB5BB（rgb(235 181 187)、hsl(353 57% 82%)、oklch(0.824 0.063 11.1)）最接近命名颜色 Blush Rush。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EBB5BB
oklch(0.824 0.063 11.1)
颜色转换
- HEX
- #ebb5bb
- RGB
- rgb(235 181 187)
- HSL
- hsl(353 57% 82%)
- HWB
- hwb(353 71% 8%)
- OKLCH
- oklch(0.824 0.063 11.1)
- OKLab
- oklab(0.824 0.062 0.012)
- CIE Lab
- lab(78.82 20.81 4.91)
- LCH
- lch(78.82 21.38 13.3)
- CMYK
- cmyk(0% 23% 20% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDBCC2
- F0C4C8
- F2CBCF
- F4D2D6
- F6DADD
- F8E1E3
- FAE9EA
- FCF0F1
- FDF8F8
深色调
- CC9DA2
- AE868A
- 916F73
- 75595C
- 5B4446
- 413032
- 291D1F
- 130C0D
- 030202
灰色调
- E0B0B5
- D5AAAF
- CAA5A9
- C0A0A3
- B59A9D
- AA9597
- A09091
- 958B8B
- 8A8586
配色和谐
互补色 +180°
- EBB5BB
Blush Rush
- 95D3CF
≈ Summer Soft Blue
类似色 -30° +30°
- EBB5BB
Blush Rush
- E3B6D1
≈ Sweet Lilac
- EAB8A6
≈ Pink Abalone
三角配色 +120° +240°
- EBB5BB
Blush Rush
- B7CEA4
≈ Pixie Green
- A8C9EE
≈ Island Light
分裂互补色 +150° +210°
- EBB5BB
Blush Rush
- A2D3B8
≈ Glenwood Green
- 98CFE2
≈ Perfectly Blue
四角配色 +90° +180° +270°
- EBB5BB
Blush Rush
- CEC798
≈ Vast Escape
- 95D3CF
≈ Summer Soft Blue
- BDC1EE
≈ Vodka
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 32
Ag
AAA黑底
WCAG 11.85:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--blush-rush: #ebb5bb;
--blush-rush-rgb: 235 181 187;
--blush-rush-oklch: oklch(0.824 0.063 11.1);
}
.element {
color: var(--blush-rush);
background-color: hsl(353 57% 82%);
border-color: oklch(0.824 0.063 11.1);
}Tailwind CSS v4
@theme {
--color-blush-rush: #ebb5bb;
--color-blush-rush-50: #ffeef0;
--color-blush-rush-100: #fce0e2;
--color-blush-rush-200: #eecacc;
--color-blush-rush-300: #d6abae;
--color-blush-rush-400: #c18f95;
--color-blush-rush-500: #ac757c;
--color-blush-rush-600: #916369;
--color-blush-rush-700: #744f54;
--color-blush-rush-800: #56393e;
--color-blush-rush-900: #3c272a;
--color-blush-rush-950: #261518;
}SCSS
$blush-rush: #ebb5bb;
$blush-rush-rgb: 235, 181, 187;
$blush-rush-light: mix(#fff, $blush-rush, 20%);
$blush-rush-dark: mix(#000, $blush-rush, 20%);
.element {
color: $blush-rush;
box-shadow: 0 0 0 2px rgba($blush-rush, 0.35);
}