أقرب لون مسمّى · #3E2E2F
#3E2E2F
أقرب لون مسمّى: Havana
#3E2E2F (rgb(62 46 47)، hsl(356 15% 21%)، oklch(0.32 0.024 14.3)) أقرب إلى اللون المسمّى Havana. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3E2E2F
oklch(0.32 0.024 14.3)
تحويلات الألوان
- HEX
- #3e2e2f
- RGB
- rgb(62 46 47)
- HSL
- hsl(356 15% 21%)
- HWB
- hwb(356 18% 76%)
- OKLCH
- oklch(0.32 0.024 14.3)
- OKLab
- oklab(0.32 0.023 0.006)
- CIE Lab
- lab(20.84 7.7 2.33)
- LCH
- lch(20.84 8.04 16.8)
- CMYK
- cmyk(0% 26% 24% 76%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4F4041
- 615354
- 736667
- 867B7B
- 998F90
- ADA5A5
- C1BBBB
- D5D1D1
- EAE8E8
درجات داكنة
- 352727
- 2B1F20
- 231819
- 1A1212
- 120B0C
- 0A0606
- 040203
- 010101
- 000000
درجات رمادية
- 443636
- 4B3D3E
- 514546
- 584D4E
- 5E5556
- 655E5E
- 6C6666
- 726F6F
- 797777
تناسق الألوان
متمم +180°
- 3E2E2F
Havana
- 243736
≈ Kōrainando Green
متجاور -30° +30°
- 3E2E2F
Havana
- 3C2E36
≈ Venous Blood Red
- 3D2F29
≈ After Eight
ثلاثي +120° +240°
- 3E2E2F
Havana
- 2E3629
≈ Aimiru Brown
- 2B343F
≈ Anchors Aweigh
متمم منقسم +150° +210°
- 3E2E2F
Havana
- 283730
≈ Tetsu Black
- 26363C
≈ Petrol Slumber
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.83:1 · APCA Lc 99
Ag
Failعلى الأسود
WCAG 1.63:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.83:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--havana: #3e2e2f;
--havana-rgb: 62 46 47;
--havana-oklch: oklch(0.32 0.024 14.3);
}
.element {
color: var(--havana);
background-color: hsl(356 15% 21%);
border-color: oklch(0.32 0.024 14.3);
}Tailwind CSS v4
@theme {
--color-havana: #3e2e2f;
--color-havana-50: #fcf3f3;
--color-havana-100: #f0e5e5;
--color-havana-200: #ded0d1;
--color-havana-300: #c3b3b3;
--color-havana-400: #ac999a;
--color-havana-500: #958081;
--color-havana-600: #7e6c6d;
--color-havana-700: #655757;
--color-havana-800: #4a3f40;
--color-havana-900: #332b2c;
--color-havana-950: #1f1919;
}SCSS
$havana: #3e2e2f;
$havana-rgb: 62, 46, 47;
$havana-light: mix(#fff, $havana, 20%);
$havana-dark: mix(#000, $havana, 20%);
.element {
color: $havana;
box-shadow: 0 0 0 2px rgba($havana, 0.35);
}