命名颜色 · #D4D8CE

Luna

Luna 即 #D4D8CE：rgb(212 216 206)、hsl(84 11% 83%)、oklch(0.876 0.014 124.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Luna color name →

#D4D8CE

oklch(0.876 0.014 124.6)

颜色转换

HEX: #d4d8ce
RGB: rgb(212 216 206)
HSL: hsl(84 11% 83%)
HWB: hwb(84 81% 15%)
OKLCH: oklch(0.876 0.014 124.6)
OKLab: oklab(0.876 -0.008 0.012)
CIE Lab: lab(85.81 -2.74 4.45)
LCH: lch(85.81 5.23 121.7)
CMYK: cmyk(2% 0% 5% 15%)

浅色调 · 深色调 · 灰色调

浅色调

D8DCD3
DCE0D8
E1E4DD
E5E7E1
E9EBE6
EEEFEB
F2F3F0
F6F7F5
FBFBFA

深色调

B8BCB3
9DA098
83857F
696B66
51534E
3A3B38
242523
10110F
020202

灰色调

CBCFC6
C3C6BE
BABDB6
B1B4AE
A9ABA6
A1A29E
989A97
90918F
888887

配色和谐

互补色 +180°

D4D8CE
Luna
D8D4DE
≈ Take the Plunge

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.44:1 · APCA Lc 21

Fail

黑底

WCAG 14.51:1 · APCA Lc 82

AAA

最佳文字颜色: #000000

WCAG 14.51:1 (AAA) · APCA Lc 82

Contrast pairs

代码片段

CSS

:root {
  --luna: #d4d8ce;
  --luna-rgb: 212 216 206;
  --luna-oklch: oklch(0.876 0.014 124.6);
}

.element {
  color: var(--luna);
  background-color: hsl(84 11% 83%);
  border-color: oklch(0.876 0.014 124.6);
}

Tailwind CSS v4

@theme {
  --color-luna: #d4d8ce;
  --color-luna-50: #f4f6f2;
  --color-luna-100: #e6e9e4;
  --color-luna-200: #d2d5cf;
  --color-luna-300: #b5b9b1;
  --color-luna-400: #9ca097;
  --color-luna-500: #84887e;
  --color-luna-600: #70736b;
  --color-luna-700: #595c55;
  --color-luna-800: #41433e;
  --color-luna-900: #2d2e2b;
  --color-luna-950: #1a1b18;
}

SCSS

$luna: #d4d8ce;
$luna-rgb: 212, 216, 206;
$luna-light: mix(#fff, $luna, 20%);
$luna-dark: mix(#000, $luna, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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