命名颜色 · #E7DBDD

White Cherry

White Cherry 即 #E7DBDD：rgb(231 219 221)、hsl(350 20% 88%)、oklch(0.902 0.013 5.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · White Cherry color name →

#E7DBDD

oklch(0.902 0.013 5.8)

颜色转换

HEX: #e7dbdd
RGB: rgb(231 219 221)
HSL: hsl(350 20% 88%)
HWB: hwb(350 86% 9%)
OKLCH: oklch(0.902 0.013 5.8)
OKLab: oklab(0.902 0.013 0.001)
CIE Lab: lab(88.42 4.51 0.56)
LCH: lch(88.42 4.54 7.1)
CMYK: cmyk(0% 5% 4% 9%)

浅色调 · 深色调 · 灰色调

浅色调

E9DFE0
ECE2E4
EEE6E7
F1E9EA
F3EDEE
F5F0F1
F8F4F5
FAF8F8
FDFBFC

深色调

C9BEC0
ABA2A4
8F8788
736D6E
595455
403C3D
282626
131111
030202

灰色调

DCD2D3
D2C8CA
C7BFC0
BDB6B7
B2ACAD
A8A3A4
9E9A9B
949192
8A8989

配色和谐

互补色 +180°

E7DBDD
White Cherry
D5E2E0
≈ Pristine Petal

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.34:1 · APCA Lc 17

Fail

黑底

WCAG 15.57:1 · APCA Lc 86

AAA

最佳文字颜色: #000000

WCAG 15.57:1 (AAA) · APCA Lc 86

Contrast pairs

代码片段

CSS

:root {
  --white-cherry: #e7dbdd;
  --white-cherry-rgb: 231 219 221;
  --white-cherry-oklch: oklch(0.902 0.013 5.8);
}

.element {
  color: var(--white-cherry);
  background-color: hsl(350 20% 88%);
  border-color: oklch(0.902 0.013 5.8);
}

Tailwind CSS v4

@theme {
  --color-white-cherry: #e7dbdd;
  --color-white-cherry-50: #f9f4f4;
  --color-white-cherry-100: #ece6e7;
  --color-white-cherry-200: #dad2d3;
  --color-white-cherry-300: #beb5b6;
  --color-white-cherry-400: #a69b9d;
  --color-white-cherry-500: #8f8385;
  --color-white-cherry-600: #796f70;
  --color-white-cherry-700: #61585a;
  --color-white-cherry-800: #474042;
  --color-white-cherry-900: #312c2d;
  --color-white-cherry-950: #1d1a1a;
}

SCSS

$white-cherry: #e7dbdd;
$white-cherry-rgb: 231, 219, 221;
$white-cherry-light: mix(#fff, $white-cherry, 20%);
$white-cherry-dark: mix(#000, $white-cherry, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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