命名颜色 · #DEE2EB

Calm Iridescence

Calm Iridescence 即 #DEE2EB：rgb(222 226 235)、hsl(222 25% 90%)、oklch(0.912 0.013 266.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Calm Iridescence color name →

#DEE2EB

oklch(0.912 0.013 266.7)

颜色转换

HEX: #dee2eb
RGB: rgb(222 226 235)
HSL: hsl(222 25% 90%)
HWB: hwb(222 87% 8%)
OKLCH: oklch(0.912 0.013 266.7)
OKLab: oklab(0.912 -0.001 -0.013)
CIE Lab: lab(89.77 -0.15 -4.9)
LCH: lch(89.77 4.9 268.3)
CMYK: cmyk(6% 4% 0% 8%)

浅色调 · 深色调 · 灰色调

浅色调

E1E5ED
E5E8EF
E8EBF1
EBEEF3
EEF0F5
F2F3F7
F5F6F9
F8F9FB
FCFCFD

深色调

C1C4CC
A5A8AE
898C91
6F7175
55575B
3D3E41
262729
121213
020303

灰色调

D4D8E0
CACED5
C1C4CA
B7BABF
AEB0B4
A4A6A9
9B9C9F
929394
89898A

配色和谐

互补色 +180°

DEE2EB
Calm Iridescence
E6E2D9
≈ Dove White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.29:1 · APCA Lc 15

Fail

黑底

WCAG 16.18:1 · APCA Lc 89

AAA

最佳文字颜色: #000000

WCAG 16.18:1 (AAA) · APCA Lc 89

Contrast pairs

代码片段

CSS

:root {
  --calm-iridescence: #dee2eb;
  --calm-iridescence-rgb: 222 226 235;
  --calm-iridescence-oklch: oklch(0.912 0.013 266.7);
}

.element {
  color: var(--calm-iridescence);
  background-color: hsl(222 25% 90%);
  border-color: oklch(0.912 0.013 266.7);
}

Tailwind CSS v4

@theme {
  --color-calm-iridescence: #dee2eb;
  --color-calm-iridescence-50: #f3f5f9;
  --color-calm-iridescence-100: #e6e8ec;
  --color-calm-iridescence-200: #d2d4da;
  --color-calm-iridescence-300: #b4b7be;
  --color-calm-iridescence-400: #9b9ea6;
  --color-calm-iridescence-500: #82868f;
  --color-calm-iridescence-600: #6e7179;
  --color-calm-iridescence-700: #585b61;
  --color-calm-iridescence-800: #404247;
  --color-calm-iridescence-900: #2c2e31;
  --color-calm-iridescence-950: #191b1d;
}

SCSS

$calm-iridescence: #dee2eb;
$calm-iridescence-rgb: 222, 226, 235;
$calm-iridescence-light: mix(#fff, $calm-iridescence, 20%);
$calm-iridescence-dark: mix(#000, $calm-iridescence, 20%);

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

相近的命名颜色

Palettes with this color

God of Rain BeaconViolet · Cold

Palettes with similar colors

在工具中打开

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