最接近的命名颜色 · #D1007F
#D1007F
最接近的命名颜色: Bottom of My Heart
#D1007F（rgb(209 0 127)、hsl(324 100% 41%)、oklch(0.563 0.232 353.8)）最接近命名颜色 Bottom of My Heart。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D1007F
oklch(0.563 0.232 353.8)
颜色转换
- HEX
- #d1007f
- RGB
- rgb(209 0 127)
- HSL
- hsl(324 100% 41%)
- HWB
- hwb(324 0% 18%)
- OKLCH
- oklch(0.563 0.232 353.8)
- OKLab
- oklab(0.563 0.231 -0.025)
- CIE Lab
- lab(46.27 73.5 -8.5)
- LCH
- lch(46.27 73.99 353.4)
- CMYK
- cmyk(0% 100% 39% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D9388B
- E05497
- E76DA4
- ED83B0
- F298BD
- F6ADCA
- FAC2D7
- FCD6E4
- FEEBF2
深色调
- B5006E
- 9B005D
- 81004C
- 68003C
- 50002D
- 39001F
- 230011
- 100006
- 020001
灰色调
- CB287F
- C43A7F
- BD477F
- B65280
- AF5B80
- A76480
- 9E6C80
- 957380
- 8B7A80
配色和谐
互补色 +180°
- D1007F
Bottom of My Heart
- 008970
≈ Industrial Turquoise
类似色 -30° +30°
- D1007F
Bottom of My Heart
- B22CC0
≈ Fuchsia Flair
- DC002A
≈ Untamed Red
三角配色 +120° +240°
- D1007F
Bottom of My Heart
- 757D00
≈ Flag Green
- 007FAF
≈ Turkish Blue
分裂互补色 +150° +210°
- D1007F
Bottom of My Heart
- 008F19
≈ Emerald
- 00858F
≈ Ocean Soul
四角配色 +90° +180° +270°
- D1007F
Bottom of My Heart
- 956E00
≈ Honey Yellow Green
- 008970
≈ Industrial Turquoise
- 2965FB
≈ Bluerocratic
对比度与无障碍
Ag
AA白底
WCAG 5.22:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.01:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--bottom-of-my-heart: #d1007f;
--bottom-of-my-heart-rgb: 209 0 127;
--bottom-of-my-heart-oklch: oklch(0.563 0.232 353.8);
}
.element {
color: var(--bottom-of-my-heart);
background-color: hsl(324 100% 41%);
border-color: oklch(0.563 0.232 353.8);
}Tailwind CSS v4
@theme {
--color-bottom-of-my-heart: #d1007f;
--color-bottom-of-my-heart-50: #ffdaf7;
--color-bottom-of-my-heart-100: #ffc7eb;
--color-bottom-of-my-heart-200: #ffa8d8;
--color-bottom-of-my-heart-300: #ff7ebc;
--color-bottom-of-my-heart-400: #ff53a8;
--color-bottom-of-my-heart-500: #ed0191;
--color-bottom-of-my-heart-600: #c80f7b;
--color-bottom-of-my-heart-700: #a10f62;
--color-bottom-of-my-heart-800: #78084b;
--color-bottom-of-my-heart-900: #550634;
--color-bottom-of-my-heart-950: #38001f;
}SCSS
$bottom-of-my-heart: #d1007f;
$bottom-of-my-heart-rgb: 209, 0, 127;
$bottom-of-my-heart-light: mix(#fff, $bottom-of-my-heart, 20%);
$bottom-of-my-heart-dark: mix(#000, $bottom-of-my-heart, 20%);
.element {
color: $bottom-of-my-heart;
box-shadow: 0 0 0 2px rgba($bottom-of-my-heart, 0.35);
}