لون مسمّى · #F1A141
Yáng Chéng Orange
Yáng Chéng Orange هو #F1A141: rgb(241 161 65)، hsl(33 86% 60%)، oklch(0.772 0.144 67.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Yáng Chéng Orange color name →
#F1A141
oklch(0.772 0.144 67.2)
تحويلات الألوان
- HEX
- #f1a141
- RGB
- rgb(241 161 65)
- HSL
- hsl(33 86% 60%)
- HWB
- hwb(33 25% 5%)
- OKLCH
- oklch(0.772 0.144 67.2)
- OKLab
- oklab(0.772 0.056 0.133)
- CIE Lab
- lab(73.18 24.75 60.15)
- LCH
- lch(73.18 65.05 67.6)
- CMYK
- cmyk(0% 33% 73% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F3AB59
- F5B56F
- F7BE82
- F9C895
- FAD1A7
- FCDAB9
- FDE4CB
- FEEDDC
- FEF6EE
درجات داكنة
- D28B37
- B3762E
- 956225
- 794E1C
- 5D3C13
- 432A0B
- 2B1905
- 140901
- 030100
درجات رمادية
- E69E4C
- DA9B55
- CF985D
- C49564
- B8926A
- AD8E6F
- A28B74
- 978778
- 8B847C
تناسق الألوان
متمم +180°
- F1A141
Yáng Chéng Orange
- 70BBFF
≈ Green Darner Tail
متجاور -30° +30°
- F1A141
Yáng Chéng Orange
- FF9374
≈ Alexandria
- CEB433
≈ Old Gold
ثلاثي +120° +240°
- F1A141
Yáng Chéng Orange
- 00D0C3
≈ Exquisite Turquoise
- CD9BFC
≈ Lilás
متمم منقسم +150° +210°
- F1A141
Yáng Chéng Orange
- 00C9EE
≈ Picnic Day Sky
- A2AEFF
≈ Shy Moment
رباعي +90° +180° +270°
- F1A141
Yáng Chéng Orange
- 57D090
≈ Van Gogh Green
- 70BBFF
≈ Green Darner Tail
- EE8FD6
≈ Bubblegum Kisses
التباين وإمكانية الوصول
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 {
--yang-cheng-orange: #f1a141;
--yang-cheng-orange-rgb: 241 161 65;
--yang-cheng-orange-oklch: oklch(0.772 0.144 67.2);
}
.element {
color: var(--yang-cheng-orange);
background-color: hsl(33 86% 60%);
border-color: oklch(0.772 0.144 67.2);
}Tailwind CSS v4
@theme {
--color-yang-cheng-orange: #f1a141;
--color-yang-cheng-orange-50: #ffefc9;
--color-yang-cheng-orange-100: #ffe0b4;
--color-yang-cheng-orange-200: #fdca90;
--color-yang-cheng-orange-300: #e7aa61;
--color-yang-cheng-orange-400: #d68c2f;
--color-yang-cheng-orange-500: #c36f00;
--color-yang-cheng-orange-600: #a55e00;
--color-yang-cheng-orange-700: #844b00;
--color-yang-cheng-orange-800: #633600;
--color-yang-cheng-orange-900: #462500;
--color-yang-cheng-orange-950: #2d1300;
}SCSS
$yang-cheng-orange: #f1a141;
$yang-cheng-orange-rgb: 241, 161, 65;
$yang-cheng-orange-light: mix(#fff, $yang-cheng-orange, 20%);
$yang-cheng-orange-dark: mix(#000, $yang-cheng-orange, 20%);
.element {
color: $yang-cheng-orange;
box-shadow: 0 0 0 2px rgba($yang-cheng-orange, 0.35);
}