命名颜色 · #DFD7CB

Always Neutral

Always Neutral 即 #DFD7CB：rgb(223 215 203)、hsl(36 24% 84%)、oklch(0.882 0.018 78.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Always Neutral color name →

#DFD7CB

oklch(0.882 0.018 78.2)

颜色转换

HEX: #dfd7cb
RGB: rgb(223 215 203)
HSL: hsl(36 24% 84%)
HWB: hwb(36 80% 13%)
OKLCH: oklch(0.882 0.018 78.2)
OKLab: oklab(0.882 0.004 0.018)
CIE Lab: lab(86.38 1.32 6.97)
LCH: lch(86.38 7.09 79.3)
CMYK: cmyk(0% 4% 9% 13%)

浅色调 · 深色调 · 灰色调

浅色调

E2DBD0
E5DFD5
E9E3DA
ECE7E0
EFEBE5
F2EFEA
F5F3EF
F9F7F4
FCFBFA

深色调

C2BBB0
A59F96
8A857D
6F6B65
56524D
3D3B37
272522
12110F
020202

灰色调

D5CEC3
CBC5BC
C2BCB4
B8B3AC
AEAAA5
A5A29D
9B9996
92918F
898887

配色和谐

互补色 +180°

DFD7CB
Always Neutral
D1D9E5
≈ So Blue-Berry

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.42:1 · APCA Lc 21

Fail

黑底

WCAG 14.72:1 · APCA Lc 83

AAA

最佳文字颜色: #000000

WCAG 14.72:1 (AAA) · APCA Lc 83

Contrast pairs

代码片段

CSS

:root {
  --always-neutral: #dfd7cb;
  --always-neutral-rgb: 223 215 203;
  --always-neutral-oklch: oklch(0.882 0.018 78.2);
}

.element {
  color: var(--always-neutral);
  background-color: hsl(36 24% 84%);
  border-color: oklch(0.882 0.018 78.2);
}

Tailwind CSS v4

@theme {
  --color-always-neutral: #dfd7cb;
  --color-always-neutral-50: #f8f5ef;
  --color-always-neutral-100: #ebe7e1;
  --color-always-neutral-200: #d8d3cc;
  --color-always-neutral-300: #bcb7ad;
  --color-always-neutral-400: #a49d93;
  --color-always-neutral-500: #8d8579;
  --color-always-neutral-600: #777166;
  --color-always-neutral-700: #5f5a52;
  --color-always-neutral-800: #46423b;
  --color-always-neutral-900: #302d29;
  --color-always-neutral-950: #1d1a17;
}

SCSS

$always-neutral: #dfd7cb;
$always-neutral-rgb: 223, 215, 203;
$always-neutral-light: mix(#fff, $always-neutral, 20%);
$always-neutral-dark: mix(#000, $always-neutral, 20%);

.element {
  color: $always-neutral;
  box-shadow: 0 0 0 2px rgba($always-neutral, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API