أقرب لون مسمّى · #85664B
#85664B
أقرب لون مسمّى: Man Cave
#85664B (rgb(133 102 75)، hsl(28 28% 41%)، oklch(0.535 0.056 62.2)) أقرب إلى اللون المسمّى Man Cave. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#85664B
oklch(0.535 0.056 62.2)
تحويلات الألوان
- HEX
- #85664b
- RGB
- rgb(133 102 75)
- HSL
- hsl(28 28% 41%)
- HWB
- hwb(28 29% 48%)
- OKLCH
- oklch(0.535 0.056 62.2)
- OKLab
- oklab(0.535 0.026 0.05)
- CIE Lab
- lab(45.87 10.09 20.32)
- LCH
- lch(45.87 22.68 63.6)
- CMYK
- cmyk(0% 23% 44% 48%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 91745C
- 9D836D
- A9927E
- B5A190
- C1B0A2
- CDBFB4
- DACFC6
- E6DFD9
- F2EFEC
درجات داكنة
- 735840
- 614A35
- 503C2B
- 402F21
- 302317
- 21170E
- 130C06
- 060402
- 010000
درجات رمادية
- 856951
- 846B56
- 846E5B
- 847161
- 837366
- 83766B
- 827870
- 817B76
- 817D7B
تناسق الألوان
متمم +180°
- 85664B
Man Cave
- 50718B
≈ Metallic Blue
متجاور -30° +30°
- 85664B
Man Cave
- 8B6159
≈ Bold Brick
- 796C47
≈ Crease
ثلاثي +120° +240°
- 85664B
Man Cave
- 467870
≈ Sea Pea
- 736689
≈ Aromatic
متمم منقسم +150° +210°
- 85664B
Man Cave
- 447680
≈ Flip
- 626B8E
≈ Justice
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.25:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.99:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--man-cave: #85664b;
--man-cave-rgb: 133 102 75;
--man-cave-oklch: oklch(0.535 0.056 62.2);
}
.element {
color: var(--man-cave);
background-color: hsl(28 28% 41%);
border-color: oklch(0.535 0.056 62.2);
}Tailwind CSS v4
@theme {
--color-man-cave: #85664b;
--color-man-cave-50: #fff2e5;
--color-man-cave-100: #f6e4d5;
--color-man-cave-200: #e6d0bc;
--color-man-cave-300: #ccb29a;
--color-man-cave-400: #b7987d;
--color-man-cave-500: #a27e5f;
--color-man-cave-600: #896b51;
--color-man-cave-700: #6d5541;
--color-man-cave-800: #513e2f;
--color-man-cave-900: #382b1f;
--color-man-cave-950: #23180f;
}SCSS
$man-cave: #85664b;
$man-cave-rgb: 133, 102, 75;
$man-cave-light: mix(#fff, $man-cave, 20%);
$man-cave-dark: mix(#000, $man-cave, 20%);
.element {
color: $man-cave;
box-shadow: 0 0 0 2px rgba($man-cave, 0.35);
}