لون مسمّى · #933E49
Banana Blossom
Banana Blossom هو #933E49: rgb(147 62 73)، hsl(352 41% 41%)، oklch(0.48 0.115 14.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Banana Blossom color name →
#933E49
oklch(0.48 0.115 14.6)
تحويلات الألوان
- HEX
- #933e49
- RGB
- rgb(147 62 73)
- HSL
- hsl(352 41% 41%)
- HWB
- hwb(352 24% 42%)
- OKLCH
- oklch(0.48 0.115 14.6)
- OKLab
- oklab(0.48 0.111 0.029)
- CIE Lab
- lab(38.46 37.3 12.16)
- LCH
- lch(38.46 39.23 18.1)
- CMYK
- cmyk(0% 58% 50% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9F5159
- AB646A
- B7777C
- C28A8D
- CD9D9F
- D7B0B2
- E2C3C5
- ECD7D8
- F5EBEB
درجات داكنة
- 7F353E
- 6C2B34
- 59232A
- 471A20
- 361217
- 250A0E
- 160406
- 080102
- 010000
درجات رمادية
- 92464E
- 914D54
- 905459
- 8F5B5F
- 8D6164
- 8B676A
- 896E6F
- 867475
- 837A7A
تناسق الألوان
متمم +180°
- 933E49
Banana Blossom
- 006C6C
≈ Mayan Blue
متجاور -30° +30°
- 933E49
Banana Blossom
- 89406D
≈ Bonbon Red
- 91451F
≈ Madeira Brown
ثلاثي +120° +240°
- 933E49
Banana Blossom
- 406B21
≈ Green-Eyed Monster
- 2A5F9D
≈ Neptune Blue
متمم منقسم +150° +210°
- 933E49
Banana Blossom
- 006F4F
≈ Natural Watercourse
- 006884
≈ Ansel
رباعي +90° +180° +270°
- 933E49
Banana Blossom
- 676000
≈ Green Brown
- 006C6C
≈ Mayan Blue
- 58529B
≈ Coronation Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.94:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.02:1 · APCA Lc 18
أفضل لون للنص: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--banana-blossom: #933e49;
--banana-blossom-rgb: 147 62 73;
--banana-blossom-oklch: oklch(0.48 0.115 14.6);
}
.element {
color: var(--banana-blossom);
background-color: hsl(352 41% 41%);
border-color: oklch(0.48 0.115 14.6);
}Tailwind CSS v4
@theme {
--color-banana-blossom: #933e49;
--color-banana-blossom-50: #ffe9ea;
--color-banana-blossom-100: #ffd9da;
--color-banana-blossom-200: #ffc1c3;
--color-banana-blossom-300: #ec9fa3;
--color-banana-blossom-400: #d98189;
--color-banana-blossom-500: #c6636e;
--color-banana-blossom-600: #a7545d;
--color-banana-blossom-700: #86434a;
--color-banana-blossom-800: #643037;
--color-banana-blossom-900: #462126;
--color-banana-blossom-950: #2d1014;
}SCSS
$banana-blossom: #933e49;
$banana-blossom-rgb: 147, 62, 73;
$banana-blossom-light: mix(#fff, $banana-blossom, 20%);
$banana-blossom-dark: mix(#000, $banana-blossom, 20%);
.element {
color: $banana-blossom;
box-shadow: 0 0 0 2px rgba($banana-blossom, 0.35);
}