لون مسمّى · #EEDD77
Delicate Lemon
Delicate Lemon هو #EEDD77: rgb(238 221 119)، hsl(51 78% 70%)، oklch(0.891 0.125 100). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Delicate Lemon color name →
#EEDD77
oklch(0.891 0.125 100)
تحويلات الألوان
- HEX
- #eedd77
- RGB
- rgb(238 221 119)
- HSL
- hsl(51 78% 70%)
- HWB
- hwb(51 47% 7%)
- OKLCH
- oklch(0.891 0.125 100)
- OKLab
- oklab(0.891 -0.022 0.123)
- CIE Lab
- lab(87.96 -3.55 51.72)
- LCH
- lch(87.96 51.85 93.9)
- CMYK
- cmyk(0% 7% 50% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0E187
- F1E496
- F3E8A4
- F5EBB1
- F6EFBF
- F8F2CC
- FAF5D9
- FBF9E6
- FDFCF2
درجات داكنة
- CFC067
- B1A457
- 938847
- 776E38
- 5C552A
- 423D1C
- 2A2610
- 141105
- 030201
درجات رمادية
- E2D37A
- D7CA7C
- CCC17E
- C0B77F
- B5AE80
- AAA581
- 9F9B81
- 959281
- 8A8981
تناسق الألوان
متمم +180°
- EEDD77
Delicate Lemon
- D3D8FF
≈ Icy Plains
متجاور -30° +30°
- EEDD77
Delicate Lemon
- FFD29F
≈ Apricot Fool
- C0EC92
≈ Sweet Mint Pesto
ثلاثي +120° +240°
- EEDD77
Delicate Lemon
- 9FE8FF
≈ Winter Wizard
- FFC7EB
≈ Soulmate Pink
متمم منقسم +150° +210°
- EEDD77
Delicate Lemon
- C0DFFF
≈ Dithered Sky
- EACEFF
≈ Rose Dragée
رباعي +90° +180° +270°
- EEDD77
Delicate Lemon
- 64F5ED
≈ Poseidon Jr.
- D3D8FF
≈ Icy Plains
- FFCCD2
≈ Fruit Bowl
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.37:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.24:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--delicate-lemon: #eedd77;
--delicate-lemon-rgb: 238 221 119;
--delicate-lemon-oklch: oklch(0.891 0.125 100);
}
.element {
color: var(--delicate-lemon);
background-color: hsl(51 78% 70%);
border-color: oklch(0.891 0.125 100);
}Tailwind CSS v4
@theme {
--color-delicate-lemon: #eedd77;
--color-delicate-lemon-50: #fcf7ce;
--color-delicate-lemon-100: #f0eaba;
--color-delicate-lemon-200: #ded798;
--color-delicate-lemon-300: #c4ba6c;
--color-delicate-lemon-400: #b0a03e;
--color-delicate-lemon-500: #9a8700;
--color-delicate-lemon-600: #827200;
--color-delicate-lemon-700: #685b00;
--color-delicate-lemon-800: #4e4200;
--color-delicate-lemon-900: #362e00;
--color-delicate-lemon-950: #211a00;
}SCSS
$delicate-lemon: #eedd77;
$delicate-lemon-rgb: 238, 221, 119;
$delicate-lemon-light: mix(#fff, $delicate-lemon, 20%);
$delicate-lemon-dark: mix(#000, $delicate-lemon, 20%);
.element {
color: $delicate-lemon;
box-shadow: 0 0 0 2px rgba($delicate-lemon, 0.35);
}