最接近的命名颜色 · #BC7D7E
#BC7D7E
最接近的命名颜色: Old Rose
#BC7D7E（rgb(188 125 126)、hsl(359 32% 61%)、oklch(0.655 0.079 18.4)）最接近命名颜色 Old Rose。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BC7D7E
oklch(0.655 0.079 18.4)
颜色转换
- HEX
- #bc7d7e
- RGB
- rgb(188 125 126)
- HSL
- hsl(359 32% 61%)
- HWB
- hwb(359 49% 26%)
- OKLCH
- oklch(0.655 0.079 18.4)
- OKLab
- oklab(0.655 0.075 0.025)
- CIE Lab
- lab(59.12 25.29 10.04)
- LCH
- lch(59.12 27.21 21.6)
- CMYK
- cmyk(0% 34% 33% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C38A8A
- CA9697
- D1A3A3
- D8B0B0
- DFBDBD
- E6CACA
- ECD7D7
- F3E4E4
- F9F2F1
深色调
- A36C6D
- 8B5B5C
- 734B4C
- 5D3B3C
- 472C2D
- 321E1F
- 1F1111
- 0D0505
- 020101
灰色调
- B67E7E
- B17E7E
- AB7E7F
- A57F7F
- 9F7F7F
- 997F7F
- 938080
- 8D8080
- 868080
配色和谐
互补色 +180°
- BC7D7E
Old Rose
- 4F9FA2
≈ Rockpool
类似色 -30° +30°
- BC7D7E
Old Rose
- B57D99
≈ Antique Hot Pink
- B98266
≈ Cognac Brown
三角配色 +120° +240°
- BC7D7E
Old Rose
- 789C6D
≈ Money
- 7392C1
≈ King Neptune
分裂互补色 +150° +210°
- BC7D7E
Old Rose
- 5DA088
≈ Scotch Lassie
- 599AB7
≈ Steel Light Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.29:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.37:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--old-rose: #bc7d7e;
--old-rose-rgb: 188 125 126;
--old-rose-oklch: oklch(0.655 0.079 18.4);
}
.element {
color: var(--old-rose);
background-color: hsl(359 32% 61%);
border-color: oklch(0.655 0.079 18.4);
}Tailwind CSS v4
@theme {
--color-old-rose: #bc7d7e;
--color-old-rose-50: #ffedec;
--color-old-rose-100: #ffdedd;
--color-old-rose-200: #f4c8c6;
--color-old-rose-300: #dda8a6;
--color-old-rose-400: #c98c8c;
--color-old-rose-500: #b57072;
--color-old-rose-600: #995f61;
--color-old-rose-700: #7a4c4d;
--color-old-rose-800: #5b3739;
--color-old-rose-900: #3f2627;
--color-old-rose-950: #281415;
}SCSS
$old-rose: #bc7d7e;
$old-rose-rgb: 188, 125, 126;
$old-rose-light: mix(#fff, $old-rose, 20%);
$old-rose-dark: mix(#000, $old-rose, 20%);
.element {
color: $old-rose;
box-shadow: 0 0 0 2px rgba($old-rose, 0.35);
}