أقرب لون مسمّى · #9E6C26
#9E6C26
أقرب لون مسمّى: Olivia
#9E6C26 (rgb(158 108 38)، hsl(35 61% 38%)، oklch(0.571 0.105 71.4)) أقرب إلى اللون المسمّى Olivia. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9E6C26
oklch(0.571 0.105 71.4)
تحويلات الألوان
- HEX
- #9e6c26
- RGB
- rgb(158 108 38)
- HSL
- hsl(35 61% 38%)
- HWB
- hwb(35 15% 38%)
- OKLCH
- oklch(0.571 0.105 71.4)
- OKLab
- oklab(0.571 0.034 0.1)
- CIE Lab
- lab(50.07 15.87 45.4)
- LCH
- lch(50.07 48.1 70.7)
- CMYK
- cmyk(0% 32% 76% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A87A3F
- B28956
- BB976B
- C5A680
- CFB495
- D9C3AA
- E2D2BF
- ECE1D4
- F5F0E9
درجات داكنة
- 895D20
- 744E19
- 604013
- 4D320D
- 3A2508
- 291904
- 180D02
- 090401
- 010000
درجات رمادية
- 9B6E33
- 99713E
- 967348
- 937551
- 907759
- 8D7962
- 8A7B69
- 877D71
- 837E79
تناسق الألوان
متمم +180°
- 9E6C26
Olivia
- 457BB4
≈ Viennese Blue
متجاور -30° +30°
- 9E6C26
Olivia
- AB6144
≈ Mars
- 857922
≈ Soft Fig
ثلاثي +120° +240°
- 9E6C26
Olivia
- 008A86
≈ Navigate
- 8C65A5
≈ Empire Violet
متمم منقسم +150° +210°
- 9E6C26
Olivia
- 0085A3
≈ Blue Arc
- 6D6FB4
≈ Chetwode Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.53:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.62:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--olivia: #9e6c26;
--olivia-rgb: 158 108 38;
--olivia-oklch: oklch(0.571 0.105 71.4);
}
.element {
color: var(--olivia);
background-color: hsl(35 61% 38%);
border-color: oklch(0.571 0.105 71.4);
}Tailwind CSS v4
@theme {
--color-olivia: #9e6c26;
--color-olivia-50: #fff1d5;
--color-olivia-100: #fee3c2;
--color-olivia-200: #f0cea3;
--color-olivia-300: #d8af7a;
--color-olivia-400: #c59455;
--color-olivia-500: #b1792a;
--color-olivia-600: #966725;
--color-olivia-700: #78521e;
--color-olivia-800: #5a3b14;
--color-olivia-900: #3f290d;
--color-olivia-950: #281602;
}SCSS
$olivia: #9e6c26;
$olivia-rgb: 158, 108, 38;
$olivia-light: mix(#fff, $olivia, 20%);
$olivia-dark: mix(#000, $olivia, 20%);
.element {
color: $olivia;
box-shadow: 0 0 0 2px rgba($olivia, 0.35);
}