最接近的命名颜色 · #E7D4D7
#E7D4D7
最接近的命名颜色: Secret Blush
#E7D4D7（rgb(231 212 215)、hsl(351 28% 87%)、oklch(0.886 0.021 6.7)）最接近命名颜色 Secret Blush。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E7D4D7
oklch(0.886 0.021 6.7)
颜色转换
- HEX
- #e7d4d7
- RGB
- rgb(231 212 215)
- HSL
- hsl(351 28% 87%)
- HWB
- hwb(351 83% 9%)
- OKLCH
- oklch(0.886 0.021 6.7)
- OKLab
- oklab(0.886 0.021 0.002)
- CIE Lab
- lab(86.55 7.17 1.02)
- LCH
- lch(86.55 7.25 8.1)
- CMYK
- cmyk(0% 8% 7% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9D8DB
- ECDDDF
- EEE1E3
- F1E5E7
- F3E9EB
- F5EEEF
- F8F2F3
- FAF6F7
- FDFBFB
深色调
- C9B8BB
- AB9D9F
- 8F8385
- 73696B
- 595152
- 403A3B
- 282425
- 131011
- 030202
灰色调
- DCCBCE
- D2C3C5
- C7BABC
- BDB2B3
- B2A9AA
- A8A1A2
- 9E9899
- 949091
- 8A8888
配色和谐
互补色 +180°
- E7D4D7
Secret Blush
- CBDEDC
≈ Silver Spruce
类似色 -30° +30°
- E7D4D7
Secret Blush
- E3D4DF
≈ Soft Lilac
- E7D5D0
≈ Dawn Pink
三角配色 +120° +240°
- E7D4D7
Secret Blush
- D6DCCD
≈ Caribbean Pleasure
- CFDBE7
≈ Blue Silk
分裂互补色 +150° +210°
- E7D4D7
Secret Blush
- CFDED4
≈ Luminous Mist
- CBDDE3
≈ Sea Foam Mist
四角配色 +90° +180° +270°
- E7D4D7
Secret Blush
- DDDACA
≈ Tree Moss
- CBDEDC
≈ Silver Spruce
- D5D9E8
≈ Cheerful Whisper
对比度与无障碍
Ag
Fail白底
WCAG 1.41:1 · APCA Lc 20
Ag
AAA黑底
WCAG 14.79:1 · APCA Lc 83
最佳文字颜色: #000000
WCAG 14.79:1 (AAA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--secret-blush: #e7d4d7;
--secret-blush-rgb: 231 212 215;
--secret-blush-oklch: oklch(0.886 0.021 6.7);
}
.element {
color: var(--secret-blush);
background-color: hsl(351 28% 87%);
border-color: oklch(0.886 0.021 6.7);
}Tailwind CSS v4
@theme {
--color-secret-blush: #e7d4d7;
--color-secret-blush-50: #fbf3f4;
--color-secret-blush-100: #efe5e6;
--color-secret-blush-200: #ddd1d2;
--color-secret-blush-300: #c2b3b5;
--color-secret-blush-400: #aa999c;
--color-secret-blush-500: #948184;
--color-secret-blush-600: #7d6d6f;
--color-secret-blush-700: #645759;
--color-secret-blush-800: #493f41;
--color-secret-blush-900: #332c2d;
--color-secret-blush-950: #1e191a;
}SCSS
$secret-blush: #e7d4d7;
$secret-blush-rgb: 231, 212, 215;
$secret-blush-light: mix(#fff, $secret-blush, 20%);
$secret-blush-dark: mix(#000, $secret-blush, 20%);
.element {
color: $secret-blush;
box-shadow: 0 0 0 2px rgba($secret-blush, 0.35);
}