命名颜色 · #ECB2B3
Deeply Embarrassed
Deeply Embarrassed 即 #ECB2B3：rgb(236 178 179)、hsl(359 60% 81%)、oklch(0.817 0.068 17.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Deeply Embarrassed color name →
#ECB2B3
oklch(0.817 0.068 17.5)
颜色转换
- HEX
- #ecb2b3
- RGB
- rgb(236 178 179)
- HSL
- hsl(359 60% 81%)
- HWB
- hwb(359 70% 7%)
- OKLCH
- oklch(0.817 0.068 17.5)
- OKLab
- oklab(0.817 0.065 0.02)
- CIE Lab
- lab(78.06 21.85 8.15)
- LCH
- lch(78.06 23.32 20.5)
- CMYK
- cmyk(0% 25% 24% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- EEBABA
- F1C1C2
- F3C9C9
- F5D1D1
- F7D8D8
- F9E0E0
- FAE8E8
- FCEFEF
- FEF7F7
深色调
- CD9A9B
- AF8384
- 926D6E
- 765758
- 5B4343
- 422F2F
- 291D1D
- 130C0C
- 030101
灰色调
- E1ADAE
- D6A8A9
- CBA3A3
- C09E9E
- B59999
- AB9494
- A08F8F
- 958A8A
- 8B8585
配色和谐
互补色 +180°
- ECB2B3
Deeply Embarrassed
- 8ED1D3
≈ Bora Bora Shore
类似色 -30° +30°
- ECB2B3
Deeply Embarrassed
- E5B2CB
≈ Muddy Mauve
- E9B79E
≈ Seasonal Beige
三角配色 +120° +240°
- ECB2B3
Deeply Embarrassed
- AECEA3
≈ Garden Room
- A8C5EF
≈ Sky High
分裂互补色 +150° +210°
- ECB2B3
Deeply Embarrassed
- 98D2BA
≈ Larimar Green
- 94CDE6
≈ Medical Mask
四角配色 +90° +180° +270°
- ECB2B3
Deeply Embarrassed
- C7C794
≈ Yerba Mate
- 8ED1D3
≈ Bora Bora Shore
- C0BDEE
≈ Vodka
对比度与无障碍
Ag
Fail白底
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.58:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--deeply-embarrassed: #ecb2b3;
--deeply-embarrassed-rgb: 236 178 179;
--deeply-embarrassed-oklch: oklch(0.817 0.068 17.5);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(359 60% 81%);
border-color: oklch(0.817 0.068 17.5);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #ecb2b3;
--color-deeply-embarrassed-50: #ffeeed;
--color-deeply-embarrassed-100: #fedfdf;
--color-deeply-embarrassed-200: #f0c9c9;
--color-deeply-embarrassed-300: #d8aaa9;
--color-deeply-embarrassed-400: #c38f90;
--color-deeply-embarrassed-500: #af7476;
--color-deeply-embarrassed-600: #946264;
--color-deeply-embarrassed-700: #764e50;
--color-deeply-embarrassed-800: #58393b;
--color-deeply-embarrassed-900: #3d2728;
--color-deeply-embarrassed-950: #261516;
}SCSS
$deeply-embarrassed: #ecb2b3;
$deeply-embarrassed-rgb: 236, 178, 179;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}