لون مسمّى · #F5D297
Beeswing
Beeswing هو #F5D297: rgb(245 210 151)، hsl(38 82% 78%)، oklch(0.88 0.085 80.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Beeswing color name →
#F5D297
oklch(0.88 0.085 80.3)
تحويلات الألوان
- HEX
- #f5d297
- RGB
- rgb(245 210 151)
- HSL
- hsl(38 82% 78%)
- HWB
- hwb(38 59% 4%)
- OKLCH
- oklch(0.88 0.085 80.3)
- OKLab
- oklab(0.88 0.014 0.084)
- CIE Lab
- lab(86.2 6.83 34.06)
- LCH
- lch(86.2 34.74 78.7)
- CMYK
- cmyk(0% 14% 38% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F6D7A2
- F7DBAD
- F8E0B7
- F9E4C2
- FAE9CC
- FBEDD6
- FCF2E0
- FDF6EB
- FEFBF5
درجات داكنة
- D5B683
- B69B6F
- 98815C
- 7B6849
- 5F5037
- 443926
- 2B2417
- 151008
- 030201
درجات رمادية
- E9CA95
- DDC193
- D1B991
- C5B18F
- B9A88D
- ADA08B
- A29888
- 969086
- 8B8883
تناسق الألوان
متمم +180°
- F5D297
Beeswing
- C1D9FF
≈ Broad Daylight
متجاور -30° +30°
- F5D297
Beeswing
- FFCBAE
≈ Blushing Cherub
- DADD9B
≈ Chalcedony
ثلاثي +120° +240°
- F5D297
Beeswing
- 91E9EE
≈ Bath Water
- F1C6FB
≈ Aquarelle Lilac
متمم منقسم +150° +210°
- F5D297
Beeswing
- A6E1FF
≈ Ganon Blue
- D6D1FF
≈ Pale Lavender
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.54:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--beeswing: #f5d297;
--beeswing-rgb: 245 210 151;
--beeswing-oklch: oklch(0.88 0.085 80.3);
}
.element {
color: var(--beeswing);
background-color: hsl(38 82% 78%);
border-color: oklch(0.88 0.085 80.3);
}Tailwind CSS v4
@theme {
--color-beeswing: #f5d297;
--color-beeswing-50: #fff3da;
--color-beeswing-100: #f6e6c9;
--color-beeswing-200: #e6d1ac;
--color-beeswing-300: #cdb486;
--color-beeswing-400: #b99963;
--color-beeswing-500: #a3803f;
--color-beeswing-600: #8a6c37;
--color-beeswing-700: #6f562b;
--color-beeswing-800: #523f1e;
--color-beeswing-900: #392b14;
--color-beeswing-950: #241806;
}SCSS
$beeswing: #f5d297;
$beeswing-rgb: 245, 210, 151;
$beeswing-light: mix(#fff, $beeswing, 20%);
$beeswing-dark: mix(#000, $beeswing, 20%);
.element {
color: $beeswing;
box-shadow: 0 0 0 2px rgba($beeswing, 0.35);
}