命名颜色 · #DEEAD8

Lily Pond

Lily Pond 即 #DEEAD8：rgb(222 234 216)、hsl(100 30% 88%)、oklch(0.923 0.027 135)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Lily Pond color name →

#DEEAD8

oklch(0.923 0.027 135)

颜色转换

HEX: #deead8
RGB: rgb(222 234 216)
HSL: hsl(100 30% 88%)
HWB: hwb(100 85% 8%)
OKLCH: oklch(0.923 0.027 135)
OKLab: oklab(0.923 -0.019 0.019)
CIE Lab: lab(91.41 -6.54 7.33)
LCH: lch(91.41 9.82 131.7)
CMYK: cmyk(5% 0% 8% 8%)

浅色调 · 深色调 · 灰色调

浅色调

E1ECDC
E5EEE0
E8F0E4
EBF2E8
EEF4EB
F2F7EF
F5F9F3
F8FBF7
FCFDFB

深色调

C1CBBC
A5AEA0
899185
6F756B
555A53
3D413B
262925
121311
020302

灰色调

D4DFCF
CAD4C6
C1C9BD
B7BEB4
AEB4AB
A4A9A2
9B9F9A
929491
898A88

配色和谐

互补色 +180°

DEEAD8
Lily Pond
EDE1F2
≈ Sheer Lavender

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.24:1 · APCA Lc 12

Fail

黑底

WCAG 16.86:1 · APCA Lc 92

AAA

最佳文字颜色: #000000

WCAG 16.86:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --lily-pond: #deead8;
  --lily-pond-rgb: 222 234 216;
  --lily-pond-oklch: oklch(0.923 0.027 135);
}

.element {
  color: var(--lily-pond);
  background-color: hsl(100 30% 88%);
  border-color: oklch(0.923 0.027 135);
}

Tailwind CSS v4

@theme {
  --color-lily-pond: #deead8;
  --color-lily-pond-50: #f2f7ef;
  --color-lily-pond-100: #e4eae1;
  --color-lily-pond-200: #cfd7cc;
  --color-lily-pond-300: #b1bbad;
  --color-lily-pond-400: #98a292;
  --color-lily-pond-500: #7f8a79;
  --color-lily-pond-600: #6b7566;
  --color-lily-pond-700: #565e52;
  --color-lily-pond-800: #3f453b;
  --color-lily-pond-900: #2b2f28;
  --color-lily-pond-950: #181c16;
}

SCSS

$lily-pond: #deead8;
$lily-pond-rgb: 222, 234, 216;
$lily-pond-light: mix(#fff, $lily-pond, 20%);
$lily-pond-dark: mix(#000, $lily-pond, 20%);

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

相近的命名颜色

Palettes with this color

Steady Fine Pine KilnGreen · 5 Colors

Palettes with similar colors

在工具中打开

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