لون مسمّى · #F3BC6B
Brasso
Brasso هو #F3BC6B: rgb(243 188 107)، hsl(36 85% 69%)، oklch(0.829 0.117 75.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Brasso color name →
#F3BC6B
oklch(0.829 0.117 75.6)
تحويلات الألوان
- HEX
- #f3bc6b
- RGB
- rgb(243 188 107)
- HSL
- hsl(36 85% 69%)
- HWB
- hwb(36 42% 5%)
- OKLCH
- oklch(0.829 0.117 75.6)
- OKLab
- oklab(0.829 0.029 0.114)
- CIE Lab
- lab(80.11 13.89 48.45)
- LCH
- lch(80.11 50.4 74)
- CMYK
- cmyk(0% 23% 56% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F5C37C
- F6CA8B
- F7D19B
- F9D7A9
- FADEB8
- FBE5C6
- FCEBD5
- FDF2E3
- FEF8F1
درجات داكنة
- D3A35C
- B48B4E
- 97733F
- 7A5D32
- 5E4725
- 443218
- 2B1F0D
- 140D04
- 030200
درجات رمادية
- E7B66F
- DBB072
- D0AA75
- C4A478
- B89E7A
- AD987C
- A2927D
- 968C7E
- 8B867F
تناسق الألوان
متمم +180°
- F3BC6B
Brasso
- A2CAFF
≈ Apocyan
متجاور -30° +30°
- F3BC6B
Brasso
- FFB28F
≈ Spice Pink
- D1CC6D
≈ Force of Nature
ثلاثي +120° +240°
- F3BC6B
Brasso
- 55DEDF
≈ Neon Nazar
- E4AFFB
≈ Mauve
متمم منقسم +150° +210°
- F3BC6B
Brasso
- 6BD6FF
≈ Heisenberg Blue
- C1BFFF
≈ Dried Lilac
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.71:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.21:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--brasso: #f3bc6b;
--brasso-rgb: 243 188 107;
--brasso-oklch: oklch(0.829 0.117 75.6);
}
.element {
color: var(--brasso);
background-color: hsl(36 85% 69%);
border-color: oklch(0.829 0.117 75.6);
}Tailwind CSS v4
@theme {
--color-brasso: #f3bc6b;
--color-brasso-50: #fff2d0;
--color-brasso-100: #fee4bd;
--color-brasso-200: #f1cf9c;
--color-brasso-300: #d9b071;
--color-brasso-400: #c69447;
--color-brasso-500: #b27906;
--color-brasso-600: #97670e;
--color-brasso-700: #79520c;
--color-brasso-800: #5a3b07;
--color-brasso-900: #3f2905;
--color-brasso-950: #281600;
}SCSS
$brasso: #f3bc6b;
$brasso-rgb: 243, 188, 107;
$brasso-light: mix(#fff, $brasso, 20%);
$brasso-dark: mix(#000, $brasso, 20%);
.element {
color: $brasso;
box-shadow: 0 0 0 2px rgba($brasso, 0.35);
}