最接近的命名颜色 · #D3ADD0
#D3ADD0
最接近的命名颜色: Blushing Sky
#D3ADD0（rgb(211 173 208)、hsl(305 30% 75%)、oklch(0.792 0.064 328.7)）最接近命名颜色 Blushing Sky。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D3ADD0
oklch(0.792 0.064 328.7)
颜色转换
- HEX
- #d3add0
- RGB
- rgb(211 173 208)
- HSL
- hsl(305 30% 75%)
- HWB
- hwb(305 68% 17%)
- OKLCH
- oklch(0.792 0.064 328.7)
- OKLab
- oklab(0.792 0.055 -0.033)
- CIE Lab
- lab(75 18.68 -12.36)
- LCH
- lch(75 22.4 326.5)
- CMYK
- cmyk(0% 18% 1% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D8B5D5
- DCBDD9
- E0C5DE
- E5CDE3
- E9D6E7
- EEDEEC
- F2E6F1
- F6EEF6
- FBF7FA
深色调
- B796B5
- 9C7F9A
- 826A80
- 695567
- 51414F
- 3A2D39
- 241B23
- 100B10
- 020102
灰色调
- CAA8C8
- C2A4C0
- BA9FB7
- B19BAF
- A996A7
- A1929F
- 988D97
- 908990
- 888488
配色和谐
互补色 +180°
- D3ADD0
Blushing Sky
- 9FC7A5
≈ French Market
类似色 -30° +30°
- D3ADD0
Blushing Sky
- C0B3E0
≈ Moonraker
- DFABBA
≈ Apple Infusion
三角配色 +120° +240°
- D3ADD0
Blushing Sky
- CCBA8C
≈ Western Wear
- 8AC7D1
≈ Maiden Voyage
分裂互补色 +150° +210°
- D3ADD0
Blushing Sky
- B7C293
≈ Jitterbug
- 8EC9BC
≈ Deco-Rate
四角配色 +90° +180° +270°
- D3ADD0
Blushing Sky
- DBB293
≈ Sunset Cove
- 9FC7A5
≈ French Market
- 95C2E0
≈ January Frost
对比度与无障碍
Ag
Fail白底
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.65:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--blushing-sky: #d3add0;
--blushing-sky-rgb: 211 173 208;
--blushing-sky-oklch: oklch(0.792 0.064 328.7);
}
.element {
color: var(--blushing-sky);
background-color: hsl(305 30% 75%);
border-color: oklch(0.792 0.064 328.7);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d3add0;
--color-blushing-sky-50: #ffeffe;
--color-blushing-sky-100: #f5e1f2;
--color-blushing-sky-200: #e5cbe1;
--color-blushing-sky-300: #cbacc7;
--color-blushing-sky-400: #b491b2;
--color-blushing-sky-500: #9e779b;
--color-blushing-sky-600: #866583;
--color-blushing-sky-700: #6b5169;
--color-blushing-sky-800: #4e3b4e;
--color-blushing-sky-900: #372836;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #d3add0;
$blushing-sky-rgb: 211, 173, 208;
$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);
}