最接近的命名颜色 · #CF9DD0
#CF9DD0
最接近的命名颜色: Velvet Horizon
#CF9DD0（rgb(207 157 208)、hsl(299 35% 72%)、oklch(0.759 0.09 325.8)）最接近命名颜色 Velvet Horizon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CF9DD0
oklch(0.759 0.09 325.8)
颜色转换
- HEX
- #cf9dd0
- RGB
- rgb(207 157 208)
- HSL
- hsl(299 35% 72%)
- HWB
- hwb(299 62% 18%)
- OKLCH
- oklch(0.759 0.09 325.8)
- OKLab
- oklab(0.759 0.075 -0.051)
- CIE Lab
- lab(70.79 25.51 -18.69)
- LCH
- lch(70.79 31.62 323.8)
- CMYK
- cmyk(0% 25% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D4A7D5
- D9B0DA
- DEBADE
- E3C4E3
- E8CEE8
- ECD7EC
- F1E1F1
- F6EBF6
- FAF5FA
深色调
- B488B5
- 99739A
- 7F5F80
- 674C67
- 4F3A4F
- 382839
- 231823
- 100910
- 020102
灰色调
- C79AC8
- BF97C0
- B795B8
- AF92AF
- A78FA7
- 9F8C9F
- 978998
- 908690
- 888388
配色和谐
互补色 +180°
- CF9DD0
Velvet Horizon
- 8CC18E
≈ Country Weekend
类似色 -30° +30°
- CF9DD0
Velvet Horizon
- B5A5E4
≈ Enchanted Lavender
- E099B3
≈ Peach Flower
三角配色 +120° +240°
- CF9DD0
Velvet Horizon
- CBAD6C
≈ Putty
- 63C1CD
≈ Arctic Ocean
分裂互补色 +150° +210°
- CF9DD0
Velvet Horizon
- AEB875
≈ Green Curry
- 6DC4AE
≈ Miami Teal
四角配色 +90° +180° +270°
- CF9DD0
Velvet Horizon
- DEA278
≈ Peach Ice Cream
- 8CC18E
≈ Country Weekend
- 76BAE3
≈ Costa Rica Blue
对比度与无障碍
Ag
Fail白底
WCAG 2.23:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.38:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--velvet-horizon: #cf9dd0;
--velvet-horizon-rgb: 207 157 208;
--velvet-horizon-oklch: oklch(0.759 0.09 325.8);
}
.element {
color: var(--velvet-horizon);
background-color: hsl(299 35% 72%);
border-color: oklch(0.759 0.09 325.8);
}Tailwind CSS v4
@theme {
--color-velvet-horizon: #cf9dd0;
--color-velvet-horizon-50: #ffedff;
--color-velvet-horizon-100: #f9def8;
--color-velvet-horizon-200: #eac7e8;
--color-velvet-horizon-300: #d1a7cf;
--color-velvet-horizon-400: #ba8cbb;
--color-velvet-horizon-500: #a571a6;
--color-velvet-horizon-600: #8b608d;
--color-velvet-horizon-700: #704c71;
--color-velvet-horizon-800: #523754;
--color-velvet-horizon-900: #39263b;
--color-velvet-horizon-950: #231425;
}SCSS
$velvet-horizon: #cf9dd0;
$velvet-horizon-rgb: 207, 157, 208;
$velvet-horizon-light: mix(#fff, $velvet-horizon, 20%);
$velvet-horizon-dark: mix(#000, $velvet-horizon, 20%);
.element {
color: $velvet-horizon;
box-shadow: 0 0 0 2px rgba($velvet-horizon, 0.35);
}