لون مسمّى · #FFA917
I Love to Boogie
I Love to Boogie هو #FFA917: rgb(255 169 23)، hsl(38 100% 55%)، oklch(0.8 0.167 71.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · I Love to Boogie color name →
#FFA917
oklch(0.8 0.167 71.9)
تحويلات الألوان
- HEX
- #ffa917
- RGB
- rgb(255 169 23)
- HSL
- hsl(38 100% 55%)
- HWB
- hwb(38 9% 0%)
- OKLCH
- oklch(0.8 0.167 71.9)
- OKLab
- oklab(0.8 0.052 0.159)
- CIE Lab
- lab(76.52 25.69 76.72)
- LCH
- lch(76.52 80.9 71.5)
- CMYK
- cmyk(0% 34% 91% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFB244
- FFBB60
- FFC477
- FFCD8D
- FFD6A1
- FFDEB4
- FFE7C7
- FFEFDA
- FFF7ED
درجات داكنة
- DE9212
- BE7C0E
- 9E670A
- 805306
- 633F04
- 482C02
- 2E1B01
- 160A00
- 030100
درجات رمادية
- F2A534
- E5A244
- D89E51
- CC9A5B
- BF9663
- B2926A
- A68E71
- 998976
- 8D857B
تناسق الألوان
متمم +180°
- FFA917
I Love to Boogie
- 8CC2FF
≈ Scenic Water
متجاور -30° +30°
- FFA917
I Love to Boogie
- FFA380
≈ Orchid Orange
- D4C000
≈ Groovy Lemon Pie
ثلاثي +120° +240°
- FFA917
I Love to Boogie
- 00D9D4
≈ Fish Boy
- DCA2FF
≈ Medium Lavender Magenta
متمم منقسم +150° +210°
- FFA917
I Love to Boogie
- 21D1FF
≈ Tropical Turquoise
- B3B6FF
≈ Greyish Lavender
رباعي +90° +180° +270°
- FFA917
I Love to Boogie
- 2ADE9C
≈ Reptile Green
- 8CC2FF
≈ Scenic Water
- FF94D9
≈ Pink Condition
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.91:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 10.93:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--i-love-to-boogie: #ffa917;
--i-love-to-boogie-rgb: 255 169 23;
--i-love-to-boogie-oklch: oklch(0.8 0.167 71.9);
}
.element {
color: var(--i-love-to-boogie);
background-color: hsl(38 100% 55%);
border-color: oklch(0.8 0.167 71.9);
}Tailwind CSS v4
@theme {
--color-i-love-to-boogie: #ffa917;
--color-i-love-to-boogie-50: #ffefc1;
--color-i-love-to-boogie-100: #ffe0aa;
--color-i-love-to-boogie-200: #ffca81;
--color-i-love-to-boogie-300: #eaa94a;
--color-i-love-to-boogie-400: #da8b00;
--color-i-love-to-boogie-500: #c76d00;
--color-i-love-to-boogie-600: #a85c00;
--color-i-love-to-boogie-700: #874a00;
--color-i-love-to-boogie-800: #663400;
--color-i-love-to-boogie-900: #472400;
--color-i-love-to-boogie-950: #2e1200;
}SCSS
$i-love-to-boogie: #ffa917;
$i-love-to-boogie-rgb: 255, 169, 23;
$i-love-to-boogie-light: mix(#fff, $i-love-to-boogie, 20%);
$i-love-to-boogie-dark: mix(#000, $i-love-to-boogie, 20%);
.element {
color: $i-love-to-boogie;
box-shadow: 0 0 0 2px rgba($i-love-to-boogie, 0.35);
}