لون مسمّى · #EFA06B
Monarch Orange
Monarch Orange هو #EFA06B: rgb(239 160 107)، hsl(24 80% 68%)، oklch(0.773 0.117 54). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Monarch Orange color name →
#EFA06B
oklch(0.773 0.117 54)
تحويلات الألوان
- HEX
- #efa06b
- RGB
- rgb(239 160 107)
- HSL
- hsl(24 80% 68%)
- HWB
- hwb(24 42% 6%)
- OKLCH
- oklch(0.773 0.117 54)
- OKLab
- oklab(0.773 0.069 0.094)
- CIE Lab
- lab(73.09 26.3 40.01)
- LCH
- lch(73.09 47.88 56.7)
- CMYK
- cmyk(0% 33% 55% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1AA7B
- F4B38A
- F6BD99
- F8C7A7
- F9D0B6
- FBD9C5
- FCE3D3
- FDECE2
- FEF6F0
درجات داكنة
- D08B5C
- B1764E
- 94613F
- 784E32
- 5C3B25
- 422918
- 2A190D
- 140904
- 030100
درجات رمادية
- E49D6E
- D99A71
- CE9774
- C39476
- B89178
- AD8E7A
- A18A7C
- 96877D
- 8B847F
تناسق الألوان
متمم +180°
- EFA06B
Monarch Orange
- 60C1F4
≈ Blue Mana
متجاور -30° +30°
- EFA06B
Monarch Orange
- F79791
≈ Cherrystone
- D8AF57
≈ Golden Cricket
ثلاثي +120° +240°
- EFA06B
Monarch Orange
- 55CDAF
≈ Simply Aqua
- B9A6F8
≈ Winterspring Lilac
متمم منقسم +150° +210°
- EFA06B
Monarch Orange
- 3FCAD7
≈ Sea Serpent
- 90B4FF
≈ Carolina Blue
رباعي +90° +180° +270°
- EFA06B
Monarch Orange
- 86C985
≈ De York
- 60C1F4
≈ Blue Mana
- DA9BDF
≈ Herb Robert
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.11:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.91:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--monarch-orange: #efa06b;
--monarch-orange-rgb: 239 160 107;
--monarch-orange-oklch: oklch(0.773 0.117 54);
}
.element {
color: var(--monarch-orange);
background-color: hsl(24 80% 68%);
border-color: oklch(0.773 0.117 54);
}Tailwind CSS v4
@theme {
--color-monarch-orange: #efa06b;
--color-monarch-orange-50: #ffedd6;
--color-monarch-orange-100: #ffdfc3;
--color-monarch-orange-200: #fcc8a4;
--color-monarch-orange-300: #e6a87c;
--color-monarch-orange-400: #d48b59;
--color-monarch-orange-500: #c16e31;
--color-monarch-orange-600: #a35e2b;
--color-monarch-orange-700: #834b22;
--color-monarch-orange-800: #613518;
--color-monarch-orange-900: #44240f;
--color-monarch-orange-950: #2c1303;
}SCSS
$monarch-orange: #efa06b;
$monarch-orange-rgb: 239, 160, 107;
$monarch-orange-light: mix(#fff, $monarch-orange, 20%);
$monarch-orange-dark: mix(#000, $monarch-orange, 20%);
.element {
color: $monarch-orange;
box-shadow: 0 0 0 2px rgba($monarch-orange, 0.35);
}