لون مسمّى · #E48400
Fulvous
Fulvous هو #E48400: rgb(228 132 0)، hsl(35 100% 45%)، oklch(0.702 0.161 62.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Fulvous color name →
#E48400
oklch(0.702 0.161 62.2)
تحويلات الألوان
- HEX
- #e48400
- RGB
- rgb(228 132 0)
- HSL
- hsl(35 100% 45%)
- HWB
- hwb(35 0% 11%)
- OKLCH
- oklch(0.702 0.161 62.2)
- OKLab
- oklab(0.702 0.075 0.143)
- CIE Lab
- lab(64.81 32.86 70.78)
- LCH
- lch(64.81 78.04 65.1)
- CMYK
- cmyk(0% 42% 100% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E89138
- EC9E54
- EFAA6C
- F2B782
- F5C398
- F7CFAD
- FADBC1
- FCE7D6
- FEF3EA
درجات داكنة
- C67200
- A96000
- 8D4F00
- 723F00
- 582F00
- 3F2000
- 281200
- 120600
- 030100
درجات رمادية
- DA8527
- D18539
- C78547
- BD8552
- B3845B
- A98464
- 9F836B
- 958273
- 8B817A
تناسق الألوان
متمم +180°
- E48400
Fulvous
- 1BA8FA
≈ Protoss Pylon
متجاور -30° +30°
- E48400
Fulvous
- F2735C
≈ Mild Heart Attack
- BF9B00
≈ Perennial
ثلاثي +120° +240°
- E48400
Fulvous
- 00B8A5
≈ Aare River
- B383F1
≈ Lilac Geode
متمم منقسم +150° +210°
- E48400
Fulvous
- 00B2CB
≈ Havasupai Falls
- 7E96FF
≈ Periwinkle Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.76:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.59:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fulvous: #e48400;
--fulvous-rgb: 228 132 0;
--fulvous-oklch: oklch(0.702 0.161 62.2);
}
.element {
color: var(--fulvous);
background-color: hsl(35 100% 45%);
border-color: oklch(0.702 0.161 62.2);
}Tailwind CSS v4
@theme {
--color-fulvous: #e48400;
--color-fulvous-50: #ffecc6;
--color-fulvous-100: #ffddb0;
--color-fulvous-200: #ffc68a;
--color-fulvous-300: #f0a558;
--color-fulvous-400: #e0851c;
--color-fulvous-500: #ce6600;
--color-fulvous-600: #ae5700;
--color-fulvous-700: #8c4600;
--color-fulvous-800: #693100;
--color-fulvous-900: #4a2100;
--color-fulvous-950: #301000;
}SCSS
$fulvous: #e48400;
$fulvous-rgb: 228, 132, 0;
$fulvous-light: mix(#fff, $fulvous, 20%);
$fulvous-dark: mix(#000, $fulvous, 20%);
.element {
color: $fulvous;
box-shadow: 0 0 0 2px rgba($fulvous, 0.35);
}