最接近的命名颜色 · #DEB9E2
#DEB9E2
最接近的命名颜色: Blushing Sky
#DEB9E2（rgb(222 185 226)、hsl(294 41% 81%)、oklch(0.831 0.069 323)）最接近命名颜色 Blushing Sky。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DEB9E2
oklch(0.831 0.069 323)
颜色转换
- HEX
- #deb9e2
- RGB
- rgb(222 185 226)
- HSL
- hsl(294 41% 81%)
- HWB
- hwb(294 73% 11%)
- OKLCH
- oklch(0.831 0.069 323)
- OKLab
- oklab(0.831 0.055 -0.042)
- CIE Lab
- lab(79.41 18.95 -15.39)
- LCH
- lch(79.41 24.41 320.9)
- CMYK
- cmyk(2% 18% 0% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E1C0E5
- E5C7E8
- E8CEEB
- EBD5EE
- EFDCF1
- F2E3F4
- F5EAF6
- F9F1F9
- FCF8FC
深色调
- C1A0C4
- A589A8
- 89718C
- 6F5B71
- 554657
- 3D313E
- 261E27
- 120D12
- 020203
灰色调
- D4B3D8
- CBADCE
- C1A8C4
- B8A2BA
- AE9CB0
- A597A6
- 9B919C
- 928B93
- 898689
配色和谐
互补色 +180°
- DEB9E2
Blushing Sky
- AED4AB
≈ Flower Stem
类似色 -30° +30°
- DEB9E2
Blushing Sky
- C9C0F1
≈ Connecticut Lilac
- ECB6CB
≈ Fairy Tale
三角配色 +120° +240°
- DEB9E2
Blushing Sky
- DEC494
≈ Dirty Blonde
- 91D5DB
≈ Arctic Blue
分裂互补色 +150° +210°
- DEB9E2
Blushing Sky
- C7CD99
≈ Vegetarian Vulture
- 99D7C3
≈ Isabella’s Aqua
四角配色 +90° +180° +270°
- DEB9E2
Blushing Sky
- ECBC9E
≈ Cinnamon Foam
- AED4AB
≈ Flower Stem
- 9BD0EE
≈ Mediterranean Charm
对比度与无障碍
Ag
Fail白底
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.14:1 · APCA Lc 71
最佳文字颜色: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
代码片段
CSS
:root {
--blushing-sky: #deb9e2;
--blushing-sky-rgb: 222 185 226;
--blushing-sky-oklch: oklch(0.831 0.069 323);
}
.element {
color: var(--blushing-sky);
background-color: hsl(294 41% 81%);
border-color: oklch(0.831 0.069 323);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #deb9e2;
--color-blushing-sky-50: #ffefff;
--color-blushing-sky-100: #f4e0f5;
--color-blushing-sky-200: #e4cbe5;
--color-blushing-sky-300: #caaccb;
--color-blushing-sky-400: #b391b6;
--color-blushing-sky-500: #9d77a1;
--color-blushing-sky-600: #846588;
--color-blushing-sky-700: #6a506d;
--color-blushing-sky-800: #4d3b51;
--color-blushing-sky-900: #362838;
--color-blushing-sky-950: #211623;
}SCSS
$blushing-sky: #deb9e2;
$blushing-sky-rgb: 222, 185, 226;
$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);
}