لون مسمّى · #EBECA7
Lemon Pepper
Lemon Pepper هو #EBECA7: rgb(235 236 167)، hsl(61 64% 79%)، oklch(0.926 0.088 108.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Lemon Pepper color name →
#EBECA7
oklch(0.926 0.088 108.7)
تحويلات الألوان
- HEX
- #ebeca7
- RGB
- rgb(235 236 167)
- HSL
- hsl(61 64% 79%)
- HWB
- hwb(61 65% 7%)
- OKLCH
- oklch(0.926 0.088 108.7)
- OKLab
- oklab(0.926 -0.028 0.084)
- CIE Lab
- lab(92.11 -8.11 33.46)
- LCH
- lch(92.11 34.43 103.6)
- CMYK
- cmyk(0% 0% 29% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDEEB0
- EFF0B9
- F1F2C2
- F3F4CB
- F5F6D4
- F7F8DD
- F9FAE5
- FBFBEE
- FDFDF7
درجات داكنة
- CCCD91
- AEAF7B
- 919266
- 757652
- 5B5B3E
- 41422C
- 29291A
- 13130A
- 030301
درجات رمادية
- E0E1A4
- D5D6A0
- CACB9C
- BFC099
- B4B595
- A9AA91
- 9F9F8D
- 949589
- 8A8A84
تناسق الألوان
متمم +180°
- EBECA7
Lemon Pepper
- E5E3FF
≈ Lavender Mist
متجاور -30° +30°
- EBECA7
Lemon Pepper
- FFE2B5
≈ Parachute Silk
- C9F5BD
≈ Maroccan Tea
ثلاثي +120° +240°
- EBECA7
Lemon Pepper
- C9EDFF
≈ Heaven’s Gate
- FFDBEB
≈ Rose Glow
متمم منقسم +150° +210°
- EBECA7
Lemon Pepper
- D9E8FF
≈ Veiling Waterfalls
- F7DBFF
≈ Sugarpills
رباعي +90° +180° +270°
- EBECA7
Lemon Pepper
- 9DF9FD
≈ Eternal Winter
- E5E3FF
≈ Lavender Mist
- FFDDDD
≈ Rose Tonic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.22:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.08:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lemon-pepper: #ebeca7;
--lemon-pepper-rgb: 235 236 167;
--lemon-pepper-oklch: oklch(0.926 0.088 108.7);
}
.element {
color: var(--lemon-pepper);
background-color: hsl(61 64% 79%);
border-color: oklch(0.926 0.088 108.7);
}Tailwind CSS v4
@theme {
--color-lemon-pepper: #ebeca7;
--color-lemon-pepper-50: #f6f8db;
--color-lemon-pepper-100: #e9ebca;
--color-lemon-pepper-200: #d5d8ad;
--color-lemon-pepper-300: #b9bc88;
--color-lemon-pepper-400: #a2a364;
--color-lemon-pepper-500: #8b8b41;
--color-lemon-pepper-600: #767538;
--color-lemon-pepper-700: #5e5e2c;
--color-lemon-pepper-800: #46441e;
--color-lemon-pepper-900: #302f14;
--color-lemon-pepper-950: #1d1c06;
}SCSS
$lemon-pepper: #ebeca7;
$lemon-pepper-rgb: 235, 236, 167;
$lemon-pepper-light: mix(#fff, $lemon-pepper, 20%);
$lemon-pepper-dark: mix(#000, $lemon-pepper, 20%);
.element {
color: $lemon-pepper;
box-shadow: 0 0 0 2px rgba($lemon-pepper, 0.35);
}