命名颜色 · #DCDBDC

Diamond Stud

Diamond Stud 即 #DCDBDC：rgb(220 219 220)、hsl(300 1% 86%)、oklch(0.892 0.002 325.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Diamond Stud color name →

#DCDBDC

oklch(0.892 0.002 325.6)

颜色转换

HEX: #dcdbdc
RGB: rgb(220 219 220)
HSL: hsl(300 1% 86%)
HWB: hwb(300 86% 14%)
OKLCH: oklch(0.892 0.002 325.6)
OKLab: oklab(0.892 0.001 -0.001)
CIE Lab: lab(87.51 0.49 -0.37)
LCH: lch(87.51 0.61 323)
CMYK: cmyk(0% 0% 0% 14%)

浅色调 · 深色调 · 灰色调

浅色调

DFDFDF
E3E2E3
E6E6E6
EAE9EA
EDEDED
F1F0F1
F4F4F4
F8F8F8
FBFBFB

深色调

BFBEBF
A3A2A3
888788
6E6D6E
545454
3C3C3C
262626
111111
020202

灰色调

D2D2D2
C9C8C9
BFBFBF
B6B6B6
ADACAD
A4A3A4
9B9A9B
929192
898989

配色和谐

互补色 +180°

DCDBDC
Diamond Stud
DBDCDB
≈ Pixel White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.38:1 · APCA Lc 19

Fail

黑底

WCAG 15.20:1 · APCA Lc 85

AAA

最佳文字颜色: #000000

WCAG 15.20:1 (AAA) · APCA Lc 85

Contrast pairs

代码片段

CSS

:root {
  --diamond-stud: #dcdbdc;
  --diamond-stud-rgb: 220 219 220;
  --diamond-stud-oklch: oklch(0.892 0.002 325.6);
}

.element {
  color: var(--diamond-stud);
  background-color: hsl(300 1% 86%);
  border-color: oklch(0.892 0.002 325.6);
}

Tailwind CSS v4

@theme {
  --color-diamond-stud: #dcdbdc;
  --color-diamond-stud-50: #f5f5f5;
  --color-diamond-stud-100: #e8e7e8;
  --color-diamond-stud-200: #d4d4d4;
  --color-diamond-stud-300: #b8b7b8;
  --color-diamond-stud-400: #9f9e9f;
  --color-diamond-stud-500: #878687;
  --color-diamond-stud-600: #727172;
  --color-diamond-stud-700: #5b5a5b;
  --color-diamond-stud-800: #434243;
  --color-diamond-stud-900: #2e2e2e;
  --color-diamond-stud-950: #1b1a1b;
}

SCSS

$diamond-stud: #dcdbdc;
$diamond-stud-rgb: 220, 219, 220;
$diamond-stud-light: mix(#fff, $diamond-stud, 20%);
$diamond-stud-dark: mix(#000, $diamond-stud, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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