أقرب لون مسمّى · #9C5B42
#9C5B42
أقرب لون مسمّى: Vintage Copper
#9C5B42 (rgb(156 91 66)، hsl(17 41% 44%)، oklch(0.54 0.094 41.6)) أقرب إلى اللون المسمّى Vintage Copper. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9C5B42
oklch(0.54 0.094 41.6)
تحويلات الألوان
- HEX
- #9c5b42
- RGB
- rgb(156 91 66)
- HSL
- hsl(17 41% 44%)
- HWB
- hwb(17 26% 39%)
- OKLCH
- oklch(0.54 0.094 41.6)
- OKLab
- oklab(0.54 0.07 0.062)
- CIE Lab
- lab(45.94 25.51 26.36)
- LCH
- lch(45.94 36.68 45.9)
- CMYK
- cmyk(0% 42% 58% 39%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A76B54
- B17B66
- BB8B78
- C59B8B
- CFAB9D
- D9BBB0
- E3CCC4
- ECDDD7
- F6EEEB
درجات داكنة
- 874E38
- 73412F
- 5F3525
- 4C291C
- 391E14
- 28130B
- 180905
- 090301
- 010000
درجات رمادية
- 9A5F49
- 98634F
- 956756
- 936B5C
- 906F62
- 8D7268
- 8A766E
- 877974
- 847D7A
تناسق الألوان
متمم +180°
- 9C5B42
Vintage Copper
- 177A95
≈ Havasu
متجاور -30° +30°
- 9C5B42
Vintage Copper
- 9D5660
≈ Cuban Rhythm
- 90652A
≈ Tapenade
ثلاثي +120° +240°
- 9C5B42
Vintage Copper
- 327F5D
≈ Amazon
- 6667A4
≈ Blue Iris
متمم منقسم +150° +210°
- 9C5B42
Vintage Copper
- 007F7C
≈ Teal
- 4372A3
≈ Decoration Blue
رباعي +90° +180° +270°
- 9C5B42
Vintage Copper
- 5A7A3E
≈ Mossy Green
- 177A95
≈ Havasu
- 805E96
≈ Jubilee
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.26:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.98:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vintage-copper: #9c5b42;
--vintage-copper-rgb: 156 91 66;
--vintage-copper-oklch: oklch(0.54 0.094 41.6);
}
.element {
color: var(--vintage-copper);
background-color: hsl(17 41% 44%);
border-color: oklch(0.54 0.094 41.6);
}Tailwind CSS v4
@theme {
--color-vintage-copper: #9c5b42;
--color-vintage-copper-50: #ffede0;
--color-vintage-copper-100: #ffdfcf;
--color-vintage-copper-200: #f8c8b5;
--color-vintage-copper-300: #e1a891;
--color-vintage-copper-400: #ce8c73;
--color-vintage-copper-500: #ba7054;
--color-vintage-copper-600: #9d5f47;
--color-vintage-copper-700: #7e4c39;
--color-vintage-copper-800: #5e3729;
--color-vintage-copper-900: #42251c;
--color-vintage-copper-950: #2a140c;
}SCSS
$vintage-copper: #9c5b42;
$vintage-copper-rgb: 156, 91, 66;
$vintage-copper-light: mix(#fff, $vintage-copper, 20%);
$vintage-copper-dark: mix(#000, $vintage-copper, 20%);
.element {
color: $vintage-copper;
box-shadow: 0 0 0 2px rgba($vintage-copper, 0.35);
}