لون مسمّى · #73694B
Shady Oak
Shady Oak هو #73694B: rgb(115 105 75)، hsl(45 21% 37%)، oklch(0.522 0.046 91.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Shady Oak color name →
#73694B
oklch(0.522 0.046 91.8)
تحويلات الألوان
- HEX
- #73694b
- RGB
- rgb(115 105 75)
- HSL
- hsl(45 21% 37%)
- HWB
- hwb(45 29% 55%)
- OKLCH
- oklch(0.522 0.046 91.8)
- OKLab
- oklab(0.522 -0.001 0.046)
- CIE Lab
- lab(44.76 0.43 18.43)
- LCH
- lch(44.76 18.43 88.7)
- CMYK
- cmyk(0% 9% 35% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 80775C
- 8D856D
- 9B947E
- A9A28F
- B6B1A1
- C5C0B4
- D3D0C6
- E1DFD9
- F0EFEC
درجات داكنة
- 635A40
- 544C35
- 453E2B
- 363121
- 282417
- 1B180E
- 0F0C06
- 050402
- 010000
درجات رمادية
- 746B50
- 766E56
- 77705B
- 787261
- 797566
- 7B776B
- 7C7970
- 7D7B76
- 7F7E7B
تناسق الألوان
متمم +180°
- 73694B
Shady Oak
- 606885
≈ Spaceman
متجاور -30° +30°
- 73694B
Shady Oak
- 7D644E
≈ Old Boot
- 656E50
≈ Global Green
ثلاثي +120° +240°
- 73694B
Shady Oak
- 4A7179
≈ Winter Storm
- 7A6076
≈ Chicha Morada
متمم منقسم +150° +210°
- 73694B
Shady Oak
- 526D82
≈ Happy Days
- 6E6480
≈ Victorian Iris
رباعي +90° +180° +270°
- 73694B
Shady Oak
- 4B726B
≈ Smoky Emerald
- 606885
≈ Spaceman
- 815F67
≈ Celine
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.45:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.85:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shady-oak: #73694b;
--shady-oak-rgb: 115 105 75;
--shady-oak-oklch: oklch(0.522 0.046 91.8);
}
.element {
color: var(--shady-oak);
background-color: hsl(45 21% 37%);
border-color: oklch(0.522 0.046 91.8);
}Tailwind CSS v4
@theme {
--color-shady-oak: #73694b;
--color-shady-oak-50: #f9f5e7;
--color-shady-oak-100: #ede8d7;
--color-shady-oak-200: #dad4bf;
--color-shady-oak-300: #bfb79d;
--color-shady-oak-400: #a89e80;
--color-shady-oak-500: #918663;
--color-shady-oak-600: #7b7154;
--color-shady-oak-700: #625a43;
--color-shady-oak-800: #494230;
--color-shady-oak-900: #322d21;
--color-shady-oak-950: #1e1a10;
}SCSS
$shady-oak: #73694b;
$shady-oak-rgb: 115, 105, 75;
$shady-oak-light: mix(#fff, $shady-oak, 20%);
$shady-oak-dark: mix(#000, $shady-oak, 20%);
.element {
color: $shady-oak;
box-shadow: 0 0 0 2px rgba($shady-oak, 0.35);
}