命名颜色 · #FFF9EC
Day Lily
Day Lily 即 #FFF9EC：rgb(255 249 236)、hsl(41 100% 96%)、oklch(0.983 0.018 86.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Day Lily color name →
#FFF9EC
oklch(0.983 0.018 86.1)
颜色转换
- HEX
- #fff9ec
- RGB
- rgb(255 249 236)
- HSL
- hsl(41 100% 96%)
- HWB
- hwb(41 93% 0%)
- OKLCH
- oklch(0.983 0.018 86.1)
- OKLab
- oklab(0.983 0.001 0.018)
- CIE Lab
- lab(98.13 0.44 7.01)
- LCH
- lch(98.13 7.02 86.4)
- CMYK
- cmyk(0% 2% 7% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFFAEE
- FFFAF0
- FFFBF2
- FFFBF4
- FFFCF6
- FFFDF7
- FFFDF9
- FFFEFB
- FFFEFD
深色调
- DED9CD
- BEB9AF
- 9E9A92
- 807D76
- 63615B
- 484642
- 2E2C29
- 161513
- 030303
灰色调
- F2ECE1
- E4E0D5
- D7D3CA
- CAC7BF
- BEBBB5
- B1AFAA
- A4A39F
- 989795
- 8C8B8A
配色和谐
互补色 +180°
- FFF9EC
Day Lily
- F7F9FF
≈ Ghost White
类似色 -30° +30°
- FFF9EC
Day Lily
- FFF8F3
≈ Sugar Milk
- F9FBEE
≈ Enoki
三角配色 +120° +240°
- FFF9EC
Day Lily
- EEFDFF
≈ Aphrodite’s Pearls
- FFF6FF
≈ Cold Snow
分裂互补色 +150° +210°
- FFF9EC
Day Lily
- F4FBFF
≈ Heart of Ice
- FAF8FF
≈ Ghost White
四角配色 +90° +180° +270°
- FFF9EC
Day Lily
- EEFEF9
≈ Cold White
- F7F9FF
≈ Ghost White
- FFF7FA
≈ Cold Snow
对比度与无障碍
Ag
Fail白底
WCAG 1.04:1 · APCA Lc 0
Ag
AAA黑底
WCAG 20.01:1 · APCA Lc 104
最佳文字颜色: #000000
WCAG 20.01:1 (AAA) · APCA Lc 104
Contrast pairs
代码片段
CSS
:root {
--day-lily: #fff9ec;
--day-lily-rgb: 255 249 236;
--day-lily-oklch: oklch(0.983 0.018 86.1);
}
.element {
color: var(--day-lily);
background-color: hsl(41 100% 96%);
border-color: oklch(0.983 0.018 86.1);
}Tailwind CSS v4
@theme {
--color-day-lily: #fff9ec;
--color-day-lily-50: #f7f5ef;
--color-day-lily-100: #eae8e1;
--color-day-lily-200: #d7d4cc;
--color-day-lily-300: #bbb7ad;
--color-day-lily-400: #a39e93;
--color-day-lily-500: #8b8679;
--color-day-lily-600: #767166;
--color-day-lily-700: #5e5a52;
--color-day-lily-800: #45423b;
--color-day-lily-900: #302d29;
--color-day-lily-950: #1c1a17;
}SCSS
$day-lily: #fff9ec;
$day-lily-rgb: 255, 249, 236;
$day-lily-light: mix(#fff, $day-lily, 20%);
$day-lily-dark: mix(#000, $day-lily, 20%);
.element {
color: $day-lily;
box-shadow: 0 0 0 2px rgba($day-lily, 0.35);
}