أقرب لون مسمّى · #65330A
#65330A
أقرب لون مسمّى: Meatloaf
#65330A (rgb(101 51 10)، hsl(27 82% 22%)، oklch(0.379 0.088 54)) أقرب إلى اللون المسمّى Meatloaf. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#65330A
oklch(0.379 0.088 54)
تحويلات الألوان
- HEX
- #65330a
- RGB
- rgb(101 51 10)
- HSL
- hsl(27 82% 22%)
- HWB
- hwb(27 4% 60%)
- OKLCH
- oklch(0.379 0.088 54)
- OKLab
- oklab(0.379 0.052 0.071)
- CIE Lab
- lab(27.54 20.85 33.9)
- LCH
- lch(27.54 39.8 58.4)
- CMYK
- cmyk(0% 50% 90% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 744626
- 84593D
- 936C54
- A2806B
- B29482
- C1A99A
- D0BEB3
- E0D3CC
- EFE9E5
درجات داكنة
- 572B07
- 492305
- 3C1C03
- 2F1402
- 220D01
- 170701
- 0C0300
- 030100
- 000000
درجات رمادية
- 683B1A
- 6C4327
- 6F4B33
- 72523E
- 745A49
- 776154
- 7A695F
- 7C716A
- 7E7875
تناسق الألوان
متمم +180°
- 65330A
Meatloaf
- 004866
≈ Stegadon Scale Green
متجاور -30° +30°
- 65330A
Meatloaf
- 692D2B
≈ Arcane Red
- 563E00
≈ Pineapple
ثلاثي +120° +240°
- 65330A
Meatloaf
- 004E3F
≈ Urban Green
- 45376C
≈ Meteorite
متمم منقسم +150° +210°
- 65330A
Meatloaf
- 004C52
≈ Dark Teal
- 2A4071
≈ Mystification
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.33:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 2.03:1 · APCA Lc 9
أفضل لون للنص: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--meatloaf: #65330a;
--meatloaf-rgb: 101 51 10;
--meatloaf-oklch: oklch(0.379 0.088 54);
}
.element {
color: var(--meatloaf);
background-color: hsl(27 82% 22%);
border-color: oklch(0.379 0.088 54);
}Tailwind CSS v4
@theme {
--color-meatloaf: #65330a;
--color-meatloaf-50: #ffefde;
--color-meatloaf-100: #ffe1cc;
--color-meatloaf-200: #f2cbb1;
--color-meatloaf-300: #dbac8c;
--color-meatloaf-400: #c8906d;
--color-meatloaf-500: #b3764c;
--color-meatloaf-600: #976441;
--color-meatloaf-700: #7a5034;
--color-meatloaf-800: #5a3925;
--color-meatloaf-900: #3f2719;
--color-meatloaf-950: #281509;
}SCSS
$meatloaf: #65330a;
$meatloaf-rgb: 101, 51, 10;
$meatloaf-light: mix(#fff, $meatloaf, 20%);
$meatloaf-dark: mix(#000, $meatloaf, 20%);
.element {
color: $meatloaf;
box-shadow: 0 0 0 2px rgba($meatloaf, 0.35);
}