لون مسمّى · #F2643A
Firecracker
Firecracker هو #F2643A: rgb(242 100 58)، hsl(14 88% 59%)، oklch(0.676 0.184 36.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Firecracker color name →
#F2643A
oklch(0.676 0.184 36.9)
تحويلات الألوان
- HEX
- #f2643a
- RGB
- rgb(242 100 58)
- HSL
- hsl(14 88% 59%)
- HWB
- hwb(14 23% 5%)
- OKLCH
- oklch(0.676 0.184 36.9)
- OKLab
- oklab(0.676 0.147 0.111)
- CIE Lab
- lab(60.91 54.09 51.54)
- LCH
- lch(60.91 74.71 43.6)
- CMYK
- cmyk(0% 59% 76% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F67651
- F98666
- FB9679
- FEA68D
- FFB5A0
- FFC4B3
- FFD3C6
- FFE2D9
- FFF0EC
درجات داكنة
- D25631
- B44828
- 963B20
- 792E18
- 5E2210
- 431609
- 2B0B04
- 140301
- 030000
درجات رمادية
- E76944
- DD6D4D
- D27155
- C7745D
- BC7763
- B17A6A
- A57C70
- 997D75
- 8D7F7B
تناسق الألوان
متمم +180°
- F2643A
Firecracker
- 00A9C7
≈ Gummy Dolphins
متجاور -30° +30°
- F2643A
Firecracker
- F05C84
≈ Watermelon Juice
- D38200
≈ Copious Caramel
ثلاثي +120° +240°
- F2643A
Firecracker
- 00B46D
≈ Green Mana
- 7E89FF
≈ Lavender Blue Shadow
متمم منقسم +150° +210°
- F2643A
Firecracker
- 00AEA3
≈ Cozumel
- 009DFD
≈ Blue Nebula
رباعي +90° +180° +270°
- F2643A
Firecracker
- 7AA900
≈ Green Envy
- 00A9C7
≈ Gummy Dolphins
- B573EE
≈ Queer Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.15:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.65:1 · APCA Lc 44
أفضل لون للنص: #000000
WCAG 6.65:1 (AA) · APCA Lc 44
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--firecracker: #f2643a;
--firecracker-rgb: 242 100 58;
--firecracker-oklch: oklch(0.676 0.184 36.9);
}
.element {
color: var(--firecracker);
background-color: hsl(14 88% 59%);
border-color: oklch(0.676 0.184 36.9);
}Tailwind CSS v4
@theme {
--color-firecracker: #f2643a;
--color-firecracker-50: #ffe4cf;
--color-firecracker-100: #ffd3bb;
--color-firecracker-200: #ffb999;
--color-firecracker-300: #ff946e;
--color-firecracker-400: #f76f48;
--color-firecracker-500: #e5480e;
--color-firecracker-600: #c23e12;
--color-firecracker-700: #9c320f;
--color-firecracker-800: #75220d;
--color-firecracker-900: #521708;
--color-firecracker-950: #370600;
}SCSS
$firecracker: #f2643a;
$firecracker-rgb: 242, 100, 58;
$firecracker-light: mix(#fff, $firecracker, 20%);
$firecracker-dark: mix(#000, $firecracker, 20%);
.element {
color: $firecracker;
box-shadow: 0 0 0 2px rgba($firecracker, 0.35);
}