أقرب لون مسمّى · #AC3E6C
#AC3E6C
أقرب لون مسمّى: Hibiscus
#AC3E6C (rgb(172 62 108)، hsl(335 47% 46%)، oklch(0.53 0.15 357.6)) أقرب إلى اللون المسمّى Hibiscus. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#AC3E6C
oklch(0.53 0.15 357.6)
تحويلات الألوان
- HEX
- #ac3e6c
- RGB
- rgb(172 62 108)
- HSL
- hsl(335 47% 46%)
- HWB
- hwb(335 24% 33%)
- OKLCH
- oklch(0.53 0.15 357.6)
- OKLab
- oklab(0.53 0.15 -0.006)
- CIE Lab
- lab(43.57 48.72 -1.74)
- LCH
- lch(43.57 48.75 358)
- CMYK
- cmyk(0% 64% 37% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B6537A
- C06688
- C97996
- D28CA4
- DB9FB3
- E3B2C2
- EBC5D1
- F2D8E0
- F9ECEF
درجات داكنة
- 95355D
- 7F2B4E
- 692340
- 541A32
- 401225
- 2D0A19
- 1B040D
- 0B0104
- 010000
درجات رمادية
- A9476E
- A64F70
- A25672
- 9E5D74
- 9A6376
- 966978
- 916F7A
- 8C757C
- 867B7E
تناسق الألوان
متمم +180°
- AC3E6C
Hibiscus
- 007E6B
≈ Mediaeval Forest
متجاور -30° +30°
- AC3E6C
Hibiscus
- 984697
≈ Hyacinth Violet
- B24038
≈ Italian Red
ثلاثي +120° +240°
- AC3E6C
Hibiscus
- 677400
≈ Topiary Green
- 0074A7
≈ Methyl Blue
متمم منقسم +150° +210°
- AC3E6C
Hibiscus
- 0D8233
≈ Pharmaceutical Green
- 007A87
≈ Biscay Bay
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.73:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.65:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hibiscus: #ac3e6c;
--hibiscus-rgb: 172 62 108;
--hibiscus-oklch: oklch(0.53 0.15 357.6);
}
.element {
color: var(--hibiscus);
background-color: hsl(335 47% 46%);
border-color: oklch(0.53 0.15 357.6);
}Tailwind CSS v4
@theme {
--color-hibiscus: #ac3e6c;
--color-hibiscus-50: #ffe4f4;
--color-hibiscus-100: #ffd4e6;
--color-hibiscus-200: #ffbad2;
--color-hibiscus-300: #f696b5;
--color-hibiscus-400: #e3759f;
--color-hibiscus-500: #d05386;
--color-hibiscus-600: #b04772;
--color-hibiscus-700: #8d395b;
--color-hibiscus-800: #692844;
--color-hibiscus-900: #4a1b2f;
--color-hibiscus-950: #300b1c;
}SCSS
$hibiscus: #ac3e6c;
$hibiscus-rgb: 172, 62, 108;
$hibiscus-light: mix(#fff, $hibiscus, 20%);
$hibiscus-dark: mix(#000, $hibiscus, 20%);
.element {
color: $hibiscus;
box-shadow: 0 0 0 2px rgba($hibiscus, 0.35);
}