最接近的命名颜色 · #D1C2C0
#D1C2C0
最接近的命名颜色: Nebulous
#D1C2C0（rgb(209 194 192)、hsl(7 16% 79%)、oklch(0.826 0.017 26.7)）最接近命名颜色 Nebulous。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D1C2C0
oklch(0.826 0.017 26.7)
颜色转换
- HEX
- #d1c2c0
- RGB
- rgb(209 194 192)
- HSL
- hsl(7 16% 79%)
- HWB
- hwb(7 75% 18%)
- OKLCH
- oklch(0.826 0.017 26.7)
- OKLab
- oklab(0.826 0.015 0.008)
- CIE Lab
- lab(79.65 5.19 3.01)
- LCH
- lch(79.65 6 30.1)
- CMYK
- cmyk(0% 7% 8% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D6C8C6
- DACECC
- DFD4D3
- E3DAD9
- E8E0DF
- ECE6E5
- F1ECEC
- F6F3F2
- FAF9F9
深色调
- B5A8A7
- 9B8F8E
- 817776
- 68605F
- 504949
- 393434
- 232020
- 100E0E
- 020202
灰色调
- C9BBB9
- C0B4B3
- B8AEAC
- B0A7A6
- A8A09F
- A09A99
- 989393
- 908D8C
- 888686
配色和谐
互补色 +180°
- D1C2C0
Nebulous
- BAC9CB
≈ Blue Shale
类似色 -30° +30°
- D1C2C0
Nebulous
- D0C2C6
≈ Ancestral
- CFC3BB
≈ Old Eggshell
三角配色 +120° +240°
- D1C2C0
Nebulous
- BFC9C0
≈ Mountain Falls
- C1C6D2
≈ French Silk
分裂互补色 +150° +210°
- D1C2C0
Nebulous
- BBCAC6
≈ China Light Green
- BCC8D0
≈ Upward
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.18:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--nebulous: #d1c2c0;
--nebulous-rgb: 209 194 192;
--nebulous-oklch: oklch(0.826 0.017 26.7);
}
.element {
color: var(--nebulous);
background-color: hsl(7 16% 79%);
border-color: oklch(0.826 0.017 26.7);
}Tailwind CSS v4
@theme {
--color-nebulous: #d1c2c0;
--color-nebulous-50: #faf3f2;
--color-nebulous-100: #eee6e5;
--color-nebulous-200: #dbd2d0;
--color-nebulous-300: #c0b4b2;
--color-nebulous-400: #a89b99;
--color-nebulous-500: #918280;
--color-nebulous-600: #7b6e6c;
--color-nebulous-700: #625857;
--color-nebulous-800: #48403f;
--color-nebulous-900: #322c2c;
--color-nebulous-950: #1e1919;
}SCSS
$nebulous: #d1c2c0;
$nebulous-rgb: 209, 194, 192;
$nebulous-light: mix(#fff, $nebulous, 20%);
$nebulous-dark: mix(#000, $nebulous, 20%);
.element {
color: $nebulous;
box-shadow: 0 0 0 2px rgba($nebulous, 0.35);
}