أقرب لون مسمّى · #BB0833
#BB0833
أقرب لون مسمّى: Hot Cuba
#BB0833 (rgb(187 8 51)، hsl(346 92% 38%)، oklch(0.504 0.199 19.1)) أقرب إلى اللون المسمّى Hot Cuba. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BB0833
oklch(0.504 0.199 19.1)
تحويلات الألوان
- HEX
- #bb0833
- RGB
- rgb(187 8 51)
- HSL
- hsl(346 92% 38%)
- HWB
- hwb(346 3% 27%)
- OKLCH
- oklch(0.504 0.199 19.1)
- OKLab
- oklab(0.504 0.188 0.065)
- CIE Lab
- lab(40.3 63.95 30.23)
- LCH
- lch(40.3 70.74 25.3)
- CMYK
- cmyk(0% 96% 73% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C53647
- CF515A
- D7696D
- DF7F81
- E79595
- EDAAAA
- F3BFBF
- F8D4D4
- FCEAE9
درجات داكنة
- A2062B
- 8A0423
- 73031C
- 5C0214
- 46010D
- 320107
- 1F0003
- 0D0001
- 020000
درجات رمادية
- B7273B
- B33743
- AE444B
- AA4F53
- A4595B
- 9E6162
- 986A6A
- 917171
- 897979
تناسق الألوان
متمم +180°
- BB0833
Hot Cuba
- 007377
≈ Essential Teal
متجاور -30° +30°
- BB0833
Hot Cuba
- AE1676
≈ Fabric of Love
- 9F4700
≈ Oregon
ثلاثي +120° +240°
- BB0833
Hot Cuba
- 287800
≈ Botanical Beauty
- 005BD1
≈ Bnei Brak Bay
متمم منقسم +150° +210°
- BB0833
Hot Cuba
- 00765A
≈ Tropical Rainforest
- 006E91
≈ Tropic Sea
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.57:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.19:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hot-cuba: #bb0833;
--hot-cuba-rgb: 187 8 51;
--hot-cuba-oklch: oklch(0.504 0.199 19.1);
}
.element {
color: var(--hot-cuba);
background-color: hsl(346 92% 38%);
border-color: oklch(0.504 0.199 19.1);
}Tailwind CSS v4
@theme {
--color-hot-cuba: #bb0833;
--color-hot-cuba-50: #ffdfdc;
--color-hot-cuba-100: #ffcecb;
--color-hot-cuba-200: #ffb1af;
--color-hot-cuba-300: #ff8a8a;
--color-hot-cuba-400: #fe636e;
--color-hot-cuba-500: #ed334e;
--color-hot-cuba-600: #c82e43;
--color-hot-cuba-700: #a12535;
--color-hot-cuba-800: #781828;
--color-hot-cuba-900: #55101b;
--color-hot-cuba-950: #39020b;
}SCSS
$hot-cuba: #bb0833;
$hot-cuba-rgb: 187, 8, 51;
$hot-cuba-light: mix(#fff, $hot-cuba, 20%);
$hot-cuba-dark: mix(#000, $hot-cuba, 20%);
.element {
color: $hot-cuba;
box-shadow: 0 0 0 2px rgba($hot-cuba, 0.35);
}