命名颜色 · #FAF4D9

Lemon Lily

Lemon Lily 即 #FAF4D9：rgb(250 244 217)、hsl(49 77% 92%)、oklch(0.965 0.036 96.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Lemon Lily color name →

#FAF4D9

oklch(0.965 0.036 96.7)

颜色转换

HEX: #faf4d9
RGB: rgb(250 244 217)
HSL: hsl(49 77% 92%)
HWB: hwb(49 85% 2%)
OKLCH: oklch(0.965 0.036 96.7)
OKLab: oklab(0.965 -0.004 0.036)
CIE Lab: lab(96.13 -1.2 13.82)
LCH: lch(96.13 13.87 95)
CMYK: cmyk(0% 2% 13% 2%)

浅色调 · 深色调 · 灰色调

浅色调

FAF5DD
FBF6E1
FBF7E4
FCF8E8
FCFAEC
FDFBF0
FDFCF4
FEFDF7
FEFEFB

深色调

D9D4BC
BAB5A1
9B9786
7D7A6C
615E53
46443B
2D2B25
151411
030302

灰色调

EDE8D0
E0DCC7
D4D0BE
C7C4B5
BBB8AC
AFADA3
A3A19A
979691
8B8B89

配色和谐

互补色 +180°

FAF4D9
Lemon Lily
F0F3FF
≈ Boysenberry Shadow

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.10:1 · APCA Lc 0

Fail

黑底

WCAG 19.00:1 · APCA Lc 100

AAA

最佳文字颜色: #000000

WCAG 19.00:1 (AAA) · APCA Lc 100

Contrast pairs

代码片段

CSS

:root {
  --lemon-lily: #faf4d9;
  --lemon-lily-rgb: 250 244 217;
  --lemon-lily-oklch: oklch(0.965 0.036 96.7);
}

.element {
  color: var(--lemon-lily);
  background-color: hsl(49 77% 92%);
  border-color: oklch(0.965 0.036 96.7);
}

Tailwind CSS v4

@theme {
  --color-lemon-lily: #faf4d9;
  --color-lemon-lily-50: #f7f5ea;
  --color-lemon-lily-100: #ebe8db;
  --color-lemon-lily-200: #d8d5c4;
  --color-lemon-lily-300: #bcb8a3;
  --color-lemon-lily-400: #a49f87;
  --color-lemon-lily-500: #8d876c;
  --color-lemon-lily-600: #77725b;
  --color-lemon-lily-700: #5f5b49;
  --color-lemon-lily-800: #464234;
  --color-lemon-lily-900: #312e24;
  --color-lemon-lily-950: #1d1b13;
}

SCSS

$lemon-lily: #faf4d9;
$lemon-lily-rgb: 250, 244, 217;
$lemon-lily-light: mix(#fff, $lemon-lily, 20%);
$lemon-lily-dark: mix(#000, $lemon-lily, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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