Adlandırılmış renk · #FFF9EC
Day Lily
Day Lily, #FFF9EC: rgb(255 249 236), hsl(41 100% 96%), oklch(0.983 0.018 86.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Day Lily color name →
#FFF9EC
oklch(0.983 0.018 86.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFFAEE
- FFFAF0
- FFFBF2
- FFFBF4
- FFFCF6
- FFFDF7
- FFFDF9
- FFFEFB
- FFFEFD
Koyu tonlar
- DED9CD
- BEB9AF
- 9E9A92
- 807D76
- 63615B
- 484642
- 2E2C29
- 161513
- 030303
Gri tonlar
- F2ECE1
- E4E0D5
- D7D3CA
- CAC7BF
- BEBBB5
- B1AFAA
- A4A39F
- 989795
- 8C8B8A
Renk uyumları
Tamamlayıcı +180°
- FFF9EC
Day Lily
- F7F9FF
≈ Ghost White
Analog -30° +30°
- FFF9EC
Day Lily
- FFF8F3
≈ Sugar Milk
- F9FBEE
≈ Enoki
Üçlü +120° +240°
- FFF9EC
Day Lily
- EEFDFF
≈ Aphrodite’s Pearls
- FFF6FF
≈ Cold Snow
Bölünmüş tamamlayıcı +150° +210°
- FFF9EC
Day Lily
- F4FBFF
≈ Heart of Ice
- FAF8FF
≈ Ghost White
Dörtlü +90° +180° +270°
- FFF9EC
Day Lily
- EEFEF9
≈ Cold White
- F7F9FF
≈ Ghost White
- FFF7FA
≈ Cold Snow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.04:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 20.01:1 · APCA Lc 104
En iyi metin rengi: #000000
WCAG 20.01:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
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);
}