命名颜色 · #D9CCC7

Raspberry Ice

Raspberry Ice 即 #D9CCC7：rgb(217 204 199)、hsl(17 19% 82%)、oklch(0.854 0.016 42.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Raspberry Ice color name →

#D9CCC7

oklch(0.854 0.016 42.4)

颜色转换

HEX: #d9ccc7
RGB: rgb(217 204 199)
HSL: hsl(17 19% 82%)
HWB: hwb(17 78% 15%)
OKLCH: oklch(0.854 0.016 42.4)
OKLab: oklab(0.854 0.012 0.011)
CIE Lab: lab(83.01 4.04 4.21)
LCH: lch(83.01 5.83 46.2)
CMYK: cmyk(0% 6% 8% 15%)

浅色调 · 深色调 · 灰色调

浅色调

DDD1CC
E1D6D2
E4DBD8
E8E0DD
ECE5E3
F0EAE8
F4EFEE
F7F5F4
FBFAF9

深色调

BCB1AD
A19793
867E7A
6C6562
534E4C
3B3736
252221
110F0E
020202

灰色调

D0C4C0
C7BCB8
BDB5B1
B4ADAA
ABA5A3
A39E9C
9A9695
918F8E
898787

配色和谐

互补色 +180°

D9CCC7
Raspberry Ice
C4D2D7
≈ Light Pure Blue

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.56:1 · APCA Lc 26

Fail

黑底

WCAG 13.41:1 · APCA Lc 77

AAA

最佳文字颜色: #000000

WCAG 13.41:1 (AAA) · APCA Lc 77

Contrast pairs

代码片段

CSS

:root {
  --raspberry-ice: #d9ccc7;
  --raspberry-ice-rgb: 217 204 199;
  --raspberry-ice-oklch: oklch(0.854 0.016 42.4);
}

.element {
  color: var(--raspberry-ice);
  background-color: hsl(17 19% 82%);
  border-color: oklch(0.854 0.016 42.4);
}

Tailwind CSS v4

@theme {
  --color-raspberry-ice: #d9ccc7;
  --color-raspberry-ice-50: #f9f4f1;
  --color-raspberry-ice-100: #ede6e3;
  --color-raspberry-ice-200: #dbd2cf;
  --color-raspberry-ice-300: #bfb5b1;
  --color-raspberry-ice-400: #a79c97;
  --color-raspberry-ice-500: #90837e;
  --color-raspberry-ice-600: #7a6f6b;
  --color-raspberry-ice-700: #625955;
  --color-raspberry-ice-800: #48413e;
  --color-raspberry-ice-900: #322d2b;
  --color-raspberry-ice-950: #1e1a18;
}

SCSS

$raspberry-ice: #d9ccc7;
$raspberry-ice-rgb: 217, 204, 199;
$raspberry-ice-light: mix(#fff, $raspberry-ice, 20%);
$raspberry-ice-dark: mix(#000, $raspberry-ice, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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