命名颜色 · #EEE6DB

Madonna Lily

Madonna Lily 即 #EEE6DB：rgb(238 230 219)、hsl(35 36% 90%)、oklch(0.928 0.017 76.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#EEE6DB

oklch(0.928 0.017 76.1)

颜色转换

HEX: #eee6db
RGB: rgb(238 230 219)
HSL: hsl(35 36% 90%)
HWB: hwb(35 86% 7%)
OKLCH: oklch(0.928 0.017 76.1)
OKLab: oklab(0.928 0.004 0.017)
CIE Lab: lab(91.7 1.42 6.39)
LCH: lch(91.7 6.55 77.5)
CMYK: cmyk(0% 3% 8% 7%)

浅色调 · 深色调 · 灰色调

浅色调

F0E8DF
F1EBE2
F3EDE6
F5F0E9
F6F2ED
F8F5F1
FAF7F4
FCFAF8
FDFCFB

深色调

CFC8BE
B1ABA2
938E87
77736D
5C5954
42403C
2A2826
141311
030302

灰色调

E2DBD2
D7D1C8
CCC6BF
C1BCB6
B5B2AC
AAA7A3
A09D9A
959491
8A8A89

配色和谐

互补色 +180°

EEE6DB
Madonna Lily
E0E8F3
≈ St. Petersburg

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.23:1 · APCA Lc 12

Fail

黑底

WCAG 16.97:1 · APCA Lc 92

AAA

最佳文字颜色: #000000

WCAG 16.97:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --madonna-lily: #eee6db;
  --madonna-lily-rgb: 238 230 219;
  --madonna-lily-oklch: oklch(0.928 0.017 76.1);
}

.element {
  color: var(--madonna-lily);
  background-color: hsl(35 36% 90%);
  border-color: oklch(0.928 0.017 76.1);
}

Tailwind CSS v4

@theme {
  --color-madonna-lily: #eee6db;
  --color-madonna-lily-50: #f8f5f0;
  --color-madonna-lily-100: #ebe7e2;
  --color-madonna-lily-200: #d8d3cc;
  --color-madonna-lily-300: #bcb6ae;
  --color-madonna-lily-400: #a49d93;
  --color-madonna-lily-500: #8d857a;
  --color-madonna-lily-600: #777067;
  --color-madonna-lily-700: #5f5a52;
  --color-madonna-lily-800: #46423c;
  --color-madonna-lily-900: #302d29;
  --color-madonna-lily-950: #1d1a17;
}

SCSS

$madonna-lily: #eee6db;
$madonna-lily-rgb: 238, 230, 219;
$madonna-lily-light: mix(#fff, $madonna-lily, 20%);
$madonna-lily-dark: mix(#000, $madonna-lily, 20%);

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

相近的命名颜色

Palettes with this color

Classic Hamtaro Brown CascadeGreen · Warm

Palettes with similar colors

在工具中打开

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