لون مسمّى · #FFFBC1
Ice Lemon
Ice Lemon هو #FFFBC1: rgb(255 251 193)، hsl(56 100% 88%)، oklch(0.977 0.074 104.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Ice Lemon color name →
#FFFBC1
oklch(0.977 0.074 104.4)
تحويلات الألوان
- HEX
- #fffbc1
- RGB
- rgb(255 251 193)
- HSL
- hsl(56 100% 88%)
- HWB
- hwb(56 76% 0%)
- OKLCH
- oklch(0.977 0.074 104.4)
- OKLab
- oklab(0.977 -0.018 0.072)
- CIE Lab
- lab(97.89 -5.2 28.44)
- LCH
- lch(97.89 28.91 100.4)
- CMYK
- cmyk(0% 2% 24% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFFBC8
- FFFCCE
- FFFCD4
- FFFDDB
- FFFDE1
- FFFEE7
- FFFEED
- FFFEF3
- FFFFF9
درجات داكنة
- DEDAA7
- BEBA8F
- 9E9C77
- 807E5F
- 636149
- 484634
- 2E2D20
- 16150E
- 030302
درجات رمادية
- F2EEBB
- E4E1B4
- D7D5AE
- CAC8A7
- BDBCA1
- B1B09A
- A4A394
- 98978D
- 8C8C87
تناسق الألوان
متمم +180°
- FFFBC1
Ice Lemon
- F6F7FF
≈ Ghost White
متجاور -30° +30°
- FFFBC1
Ice Lemon
- FFF6EB
≈ Apricot Ice
- EBFFE0
≈ Baby Tooth
ثلاثي +120° +240°
- FFFBC1
Ice Lemon
- EEFAFF
≈ Alice Blue
- FFF4FA
≈ Sea Salt Sherbet
متمم منقسم +150° +210°
- FFFBC1
Ice Lemon
- F3F8FF
≈ Mā White
- FBF5FF
≈ Sugar Crystal
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.05:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 19.82:1 · APCA Lc 103
أفضل لون للنص: #000000
WCAG 19.82:1 (AAA) · APCA Lc 103
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ice-lemon: #fffbc1;
--ice-lemon-rgb: 255 251 193;
--ice-lemon-oklch: oklch(0.977 0.074 104.4);
}
.element {
color: var(--ice-lemon);
background-color: hsl(56 100% 88%);
border-color: oklch(0.977 0.074 104.4);
}Tailwind CSS v4
@theme {
--color-ice-lemon: #fffbc1;
--color-ice-lemon-50: #f7f7df;
--color-ice-lemon-100: #eaeace;
--color-ice-lemon-200: #d8d7b3;
--color-ice-lemon-300: #bcba8f;
--color-ice-lemon-400: #a5a16d;
--color-ice-lemon-500: #8e894d;
--color-ice-lemon-600: #787442;
--color-ice-lemon-700: #605d34;
--color-ice-lemon-800: #474324;
--color-ice-lemon-900: #312f18;
--color-ice-lemon-950: #1d1b09;
}SCSS
$ice-lemon: #fffbc1;
$ice-lemon-rgb: 255, 251, 193;
$ice-lemon-light: mix(#fff, $ice-lemon, 20%);
$ice-lemon-dark: mix(#000, $ice-lemon, 20%);
.element {
color: $ice-lemon;
box-shadow: 0 0 0 2px rgba($ice-lemon, 0.35);
}