命名颜色 · #DADCD3

Anonymous

Anonymous 即 #DADCD3：rgb(218 220 211)、hsl(73 11% 85%)、oklch(0.89 0.012 116.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Anonymous color name →

#DADCD3

oklch(0.89 0.012 116.8)

颜色转换

HEX: #dadcd3
RGB: rgb(218 220 211)
HSL: hsl(73 11% 85%)
HWB: hwb(73 83% 14%)
OKLCH: oklch(0.89 0.012 116.8)
OKLab: oklab(0.89 -0.006 0.011)
CIE Lab: lab(87.41 -1.89 4.19)
LCH: lch(87.41 4.59 114.3)
CMYK: cmyk(1% 0% 4% 14%)

浅色调 · 深色调 · 灰色调

浅色调

DEDFD7
E1E3DC
E5E6E0
E9EAE4
ECEDE9
F0F1ED
F4F4F2
F8F8F6
FBFBFB

深色调

BDBFB7
A2A39C
878882
6C6E69
545451
3C3C3A
252624
111110
020202

灰色调

D1D2CA
C7C9C2
BEBFB9
B5B6B1
ACADA9
A3A4A0
9A9B98
919290
898988

配色和谐

互补色 +180°

DADCD3
Anonymous
DBD9E2
≈ Misty Lavender

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.38:1 · APCA Lc 19

Fail

黑底

WCAG 15.15:1 · APCA Lc 85

AAA

最佳文字颜色: #000000

WCAG 15.15:1 (AAA) · APCA Lc 85

Contrast pairs

代码片段

CSS

:root {
  --anonymous: #dadcd3;
  --anonymous-rgb: 218 220 211;
  --anonymous-oklch: oklch(0.89 0.012 116.8);
}

.element {
  color: var(--anonymous);
  background-color: hsl(73 11% 85%);
  border-color: oklch(0.89 0.012 116.8);
}

Tailwind CSS v4

@theme {
  --color-anonymous: #dadcd3;
  --color-anonymous-50: #f5f6f2;
  --color-anonymous-100: #e7e8e4;
  --color-anonymous-200: #d3d5cf;
  --color-anonymous-300: #b6b8b1;
  --color-anonymous-400: #9e9f97;
  --color-anonymous-500: #85877e;
  --color-anonymous-600: #71736b;
  --color-anonymous-700: #5a5c55;
  --color-anonymous-800: #42433e;
  --color-anonymous-900: #2e2e2b;
  --color-anonymous-950: #1a1b18;
}

SCSS

$anonymous: #dadcd3;
$anonymous-rgb: 218, 220, 211;
$anonymous-light: mix(#fff, $anonymous, 20%);
$anonymous-dark: mix(#000, $anonymous, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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