لون مسمّى · #B0907C
Mazzone
Mazzone هو #B0907C: rgb(176 144 124)، hsl(23 25% 59%)، oklch(0.678 0.048 53.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Mazzone color name →
#B0907C
oklch(0.678 0.048 53.7)
تحويلات الألوان
- HEX
- #b0907c
- RGB
- rgb(176 144 124)
- HSL
- hsl(23 25% 59%)
- HWB
- hwb(23 49% 31%)
- OKLCH
- oklch(0.678 0.048 53.7)
- OKLab
- oklab(0.678 0.029 0.039)
- CIE Lab
- lab(62.4 10.22 15.44)
- LCH
- lch(62.4 18.52 56.5)
- CMYK
- cmyk(0% 18% 30% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B89B89
- C0A595
- C8B0A2
- D0BBAF
- D7C6BC
- DFD1C9
- E7DDD6
- EFE8E4
- F7F3F1
درجات داكنة
- 997D6B
- 826A5A
- 6C574A
- 56453B
- 42342C
- 2E241E
- 1C1511
- 0B0705
- 010101
درجات رمادية
- AB8E7D
- A68D7D
- A28B7E
- 9D8A7E
- 98887E
- 93877F
- 8E857F
- 8A837F
- 858280
تناسق الألوان
متمم +180°
- B0907C
Mazzone
- 7B9DB1
≈ Blue Cascade
متجاور -30° +30°
- B0907C
Mazzone
- B48C89
≈ Victorian Mauve
- A69576
≈ San Antonio Sage
ثلاثي +120° +240°
- B0907C
Mazzone
- 79A295
≈ Mountain Outlook
- 9892B3
≈ Indifferent
متمم منقسم +150° +210°
- B0907C
Mazzone
- 74A1A5
≈ Spartacus
- 8898B6
≈ Periwinkle Blossom
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.94:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.12:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mazzone: #b0907c;
--mazzone-rgb: 176 144 124;
--mazzone-oklch: oklch(0.678 0.048 53.7);
}
.element {
color: var(--mazzone);
background-color: hsl(23 25% 59%);
border-color: oklch(0.678 0.048 53.7);
}Tailwind CSS v4
@theme {
--color-mazzone: #b0907c;
--color-mazzone-50: #fff2e8;
--color-mazzone-100: #f5e4d9;
--color-mazzone-200: #e5cfc1;
--color-mazzone-300: #ccb2a0;
--color-mazzone-400: #b69784;
--color-mazzone-500: #a07e68;
--color-mazzone-600: #876b59;
--color-mazzone-700: #6d5547;
--color-mazzone-800: #503e33;
--color-mazzone-900: #382b23;
--color-mazzone-950: #221812;
}SCSS
$mazzone: #b0907c;
$mazzone-rgb: 176, 144, 124;
$mazzone-light: mix(#fff, $mazzone, 20%);
$mazzone-dark: mix(#000, $mazzone, 20%);
.element {
color: $mazzone;
box-shadow: 0 0 0 2px rgba($mazzone, 0.35);
}