لون مسمّى · #EED1A5
Amber Moon
Amber Moon هو #EED1A5: rgb(238 209 165)، hsl(36 68% 79%)، oklch(0.874 0.066 78). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Amber Moon color name →
#EED1A5
oklch(0.874 0.066 78)
تحويلات الألوان
- HEX
- #eed1a5
- RGB
- rgb(238 209 165)
- HSL
- hsl(36 68% 79%)
- HWB
- hwb(36 65% 7%)
- OKLCH
- oklch(0.874 0.066 78)
- OKLab
- oklab(0.874 0.014 0.065)
- CIE Lab
- lab(85.51 5.8 25.83)
- LCH
- lch(85.51 26.47 77.3)
- CMYK
- cmyk(0% 12% 31% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0D6AE
- F2DAB7
- F3DFC0
- F5E3C9
- F7E8D2
- F8EDDB
- FAF1E4
- FCF6ED
- FDFAF6
درجات داكنة
- CFB58F
- B19B79
- 938165
- 776851
- 5C503D
- 42392B
- 2A231A
- 14100A
- 030201
درجات رمادية
- E3C9A2
- D7C09E
- CCB89A
- C1B097
- B6A893
- ABA08F
- A0988C
- 959088
- 8A8884
تناسق الألوان
متمم +180°
- EED1A5
Amber Moon
- BDD8FF
≈ Oh Boy!
متجاور -30° +30°
- EED1A5
Amber Moon
- FBC9B0
≈ Bleached Apricot
- D9DAA7
≈ Willow Wind
ثلاثي +120° +240°
- EED1A5
Amber Moon
- A2E4E5
≈ Ice Crystal Blue
- E8C9F2
≈ Mousse aux Pruneaux
متمم منقسم +150° +210°
- EED1A5
Amber Moon
- A8DFF8
≈ Van Gogh Blue
- D3D0FF
≈ Pale Lavender
رباعي +90° +180° +270°
- EED1A5
Amber Moon
- ACE4CD
≈ Turquoise Tower
- BDD8FF
≈ Oh Boy!
- F8C5DD
≈ Miami Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.46:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.29:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amber-moon: #eed1a5;
--amber-moon-rgb: 238 209 165;
--amber-moon-oklch: oklch(0.874 0.066 78);
}
.element {
color: var(--amber-moon);
background-color: hsl(36 68% 79%);
border-color: oklch(0.874 0.066 78);
}Tailwind CSS v4
@theme {
--color-amber-moon: #eed1a5;
--color-amber-moon-50: #fff4e0;
--color-amber-moon-100: #f4e6d0;
--color-amber-moon-200: #e3d2b5;
--color-amber-moon-300: #c9b492;
--color-amber-moon-400: #b49a72;
--color-amber-moon-500: #9e8153;
--color-amber-moon-600: #866d47;
--color-amber-moon-700: #6b5738;
--color-amber-moon-800: #503f28;
--color-amber-moon-900: #372c1b;
--color-amber-moon-950: #22190b;
}SCSS
$amber-moon: #eed1a5;
$amber-moon-rgb: 238, 209, 165;
$amber-moon-light: mix(#fff, $amber-moon, 20%);
$amber-moon-dark: mix(#000, $amber-moon, 20%);
.element {
color: $amber-moon;
box-shadow: 0 0 0 2px rgba($amber-moon, 0.35);
}