命名颜色 · #DFCBCF

Mega Metal Mecha

Mega Metal Mecha 即 #DFCBCF：rgb(223 203 207)、hsl(348 24% 84%)、oklch(0.86 0.023 3.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Mega Metal Mecha color name →

#DFCBCF

oklch(0.86 0.023 3.9)

颜色转换

HEX: #dfcbcf
RGB: rgb(223 203 207)
HSL: hsl(348 24% 84%)
HWB: hwb(348 80% 13%)
OKLCH: oklch(0.86 0.023 3.9)
OKLab: oklab(0.86 0.023 0.002)
CIE Lab: lab(83.45 7.72 0.67)
LCH: lch(83.45 7.75 5)
CMYK: cmyk(0% 9% 7% 13%)

浅色调 · 深色调 · 灰色调

浅色调

E2D0D4
E5D5D8
E9DADD
ECE0E2
EFE5E7
F2EAEC
F5EFF0
F9F4F5
FCFAFA

深色调

C2B0B4
A59699
8A7D7F
6F6567
564D4F
3D3738
272223
120F10
020202

灰色调

D5C3C7
CBBCBF
C2B4B7
B8ACAF
AEA5A7
A59D9F
9C9697
928F8F
898788

配色和谐

互补色 +180°

DFCBCF
Mega Metal Mecha
C1D6D2
≈ Aquatic Edge

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.54:1 · APCA Lc 25

Fail

黑底

WCAG 13.58:1 · APCA Lc 78

AAA

最佳文字颜色: #000000

WCAG 13.58:1 (AAA) · APCA Lc 78

Contrast pairs

代码片段

CSS

:root {
  --mega-metal-mecha: #dfcbcf;
  --mega-metal-mecha-rgb: 223 203 207;
  --mega-metal-mecha-oklch: oklch(0.86 0.023 3.9);
}

.element {
  color: var(--mega-metal-mecha);
  background-color: hsl(348 24% 84%);
  border-color: oklch(0.86 0.023 3.9);
}

Tailwind CSS v4

@theme {
  --color-mega-metal-mecha: #dfcbcf;
  --color-mega-metal-mecha-50: #fbf3f4;
  --color-mega-metal-mecha-100: #efe5e7;
  --color-mega-metal-mecha-200: #ded0d3;
  --color-mega-metal-mecha-300: #c3b3b5;
  --color-mega-metal-mecha-400: #ab999d;
  --color-mega-metal-mecha-500: #948084;
  --color-mega-metal-mecha-600: #7d6d70;
  --color-mega-metal-mecha-700: #64575a;
  --color-mega-metal-mecha-800: #4a3f42;
  --color-mega-metal-mecha-900: #332b2d;
  --color-mega-metal-mecha-950: #1f191a;
}

SCSS

$mega-metal-mecha: #dfcbcf;
$mega-metal-mecha-rgb: 223, 203, 207;
$mega-metal-mecha-light: mix(#fff, $mega-metal-mecha, 20%);
$mega-metal-mecha-dark: mix(#000, $mega-metal-mecha, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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