命名颜色 · #EEE3CC

Diamond Ice

Diamond Ice 即 #EEE3CC：rgb(238 227 204)、hsl(41 50% 87%)、oklch(0.918 0.033 85.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#EEE3CC

oklch(0.918 0.033 85.5)

颜色转换

HEX: #eee3cc
RGB: rgb(238 227 204)
HSL: hsl(41 50% 87%)
HWB: hwb(41 80% 7%)
OKLCH: oklch(0.918 0.033 85.5)
OKLab: oklab(0.918 0.003 0.033)
CIE Lab: lab(90.67 1.09 12.69)
LCH: lch(90.67 12.74 85.1)
CMYK: cmyk(0% 5% 14% 7%)

浅色调 · 深色调 · 灰色调

浅色调

F0E6D1
F1E9D6
F3EBDB
F5EEE0
F6F1E5
F8F4EB
FAF7F0
FCF9F5
FDFCFA

深色调

CFC5B1
B1A897
938C7E
777165
5C574E
423F37
2A2722
14120F
030302

灰色调

E2D9C4
D7CEBC
CCC4B5
C1BAAD
B5B0A5
ABA69E
A09D96
95938F
8A8987

配色和谐

互补色 +180°

EEE3CC
Diamond Ice
DAE4FB
≈ Aquarelle Purple

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.27:1 · APCA Lc 14

Fail

黑底

WCAG 16.49:1 · APCA Lc 90

AAA

最佳文字颜色: #000000

WCAG 16.49:1 (AAA) · APCA Lc 90

Contrast pairs

代码片段

CSS

:root {
  --diamond-ice: #eee3cc;
  --diamond-ice-rgb: 238 227 204;
  --diamond-ice-oklch: oklch(0.918 0.033 85.5);
}

.element {
  color: var(--diamond-ice);
  background-color: hsl(41 50% 87%);
  border-color: oklch(0.918 0.033 85.5);
}

Tailwind CSS v4

@theme {
  --color-diamond-ice: #eee3cc;
  --color-diamond-ice-50: #f9f5eb;
  --color-diamond-ice-100: #ece7dc;
  --color-diamond-ice-200: #dad4c5;
  --color-diamond-ice-300: #beb7a5;
  --color-diamond-ice-400: #a79d89;
  --color-diamond-ice-500: #90856e;
  --color-diamond-ice-600: #7a715d;
  --color-diamond-ice-700: #615a4a;
  --color-diamond-ice-800: #484236;
  --color-diamond-ice-900: #322d25;
  --color-diamond-ice-950: #1e1a13;
}

SCSS

$diamond-ice: #eee3cc;
$diamond-ice-rgb: 238, 227, 204;
$diamond-ice-light: mix(#fff, $diamond-ice, 20%);
$diamond-ice-dark: mix(#000, $diamond-ice, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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