最接近的命名颜色 · #D6AEDA
#D6AEDA
最接近的命名颜色: Blushing Sky
#D6AEDA（rgb(214 174 218)、hsl(295 37% 77%)、oklch(0.8 0.075 323.3)）最接近命名颜色 Blushing Sky。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D6AEDA
oklch(0.8 0.075 323.3)
颜色转换
- HEX
- #d6aeda
- RGB
- rgb(214 174 218)
- HSL
- hsl(295 37% 77%)
- HWB
- hwb(295 68% 15%)
- OKLCH
- oklch(0.8 0.075 323.3)
- OKLab
- oklab(0.8 0.06 -0.045)
- CIE Lab
- lab(75.8 20.63 -16.56)
- LCH
- lch(75.8 26.45 321.2)
- CMYK
- cmyk(2% 20% 0% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- DAB6DE
- DEBEE2
- E3C6E5
- E7CEE9
- EBD6ED
- EFDEF0
- F3E6F4
- F7EFF8
- FBF7FB
深色调
- BA97BD
- 9E80A2
- 846A87
- 6A556C
- 524154
- 3B2E3C
- 251C25
- 100B11
- 020102
灰色调
- CDA9D1
- C4A5C7
- BCA0BE
- B39CB5
- AA97AC
- A292A3
- 998E9A
- 918991
- 888589
配色和谐
互补色 +180°
- D6AEDA
Blushing Sky
- A2CB9F
≈ Fescue
类似色 -30° +30°
- D6AEDA
Blushing Sky
- BFB5EA
≈ Purple Sand
- E5AAC2
≈ Little Princess
三角配色 +120° +240°
- D6AEDA
Blushing Sky
- D5BA86
≈ Independent Gold
- 81CCD3
≈ White Ultramarine
分裂互补色 +150° +210°
- D6AEDA
Blushing Sky
- BDC48C
≈ Misty Valley
- 8ACEB9
≈ Tropical Trail
四角配色 +90° +180° +270°
- D6AEDA
Blushing Sky
- E5B191
≈ Ancient Inca
- A2CB9F
≈ Fescue
- 8DC7E7
≈ Deluxe Days
对比度与无障碍
Ag
Fail白底
WCAG 1.92:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.92:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--blushing-sky: #d6aeda;
--blushing-sky-rgb: 214 174 218;
--blushing-sky-oklch: oklch(0.8 0.075 323.3);
}
.element {
color: var(--blushing-sky);
background-color: hsl(295 37% 77%);
border-color: oklch(0.8 0.075 323.3);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d6aeda;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f5e0f6;
--color-blushing-sky-200: #e5cae6;
--color-blushing-sky-300: #ccabcd;
--color-blushing-sky-400: #b590b8;
--color-blushing-sky-500: #9f75a3;
--color-blushing-sky-600: #86638a;
--color-blushing-sky-700: #6b4f6e;
--color-blushing-sky-800: #4e3a52;
--color-blushing-sky-900: #372839;
--color-blushing-sky-950: #211624;
}SCSS
$blushing-sky: #d6aeda;
$blushing-sky-rgb: 214, 174, 218;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}