لون مسمّى · #A0855C
Timber Beam
Timber Beam هو #A0855C: rgb(160 133 92)، hsl(36 27% 49%)، oklch(0.632 0.066 77.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Timber Beam color name →
#A0855C
oklch(0.632 0.066 77.6)
تحويلات الألوان
- HEX
- #a0855c
- RGB
- rgb(160 133 92)
- HSL
- hsl(36 27% 49%)
- HWB
- hwb(36 36% 37%)
- OKLCH
- oklch(0.632 0.066 77.6)
- OKLab
- oklab(0.632 0.014 0.064)
- CIE Lab
- lab(57.35 6.41 26.16)
- LCH
- lch(57.35 26.93 76.2)
- CMYK
- cmyk(0% 17% 42% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A9916C
- B39D7C
- BCA88C
- C5B49C
- CFC1AC
- D8CDBC
- E2D9CD
- ECE6DD
- F5F2EE
درجات داكنة
- 8B734F
- 766142
- 615036
- 4E402A
- 3B301F
- 292114
- 19130A
- 090603
- 010100
درجات رمادية
- 9D8560
- 9A8464
- 978468
- 93836C
- 90836F
- 8D8273
- 8A8276
- 86817A
- 83817D
تناسق الألوان
متمم +180°
- A0855C
Timber Beam
- 718BB2
≈ Windsurf Blue
متجاور -30° +30°
- A0855C
Timber Beam
- AB7E67
≈ Teddy
- 8D8D5E
≈ Woodland Walk
ثلاثي +120° +240°
- A0855C
Timber Beam
- 579698
≈ Peaceful Pond
- 9A7EA4
≈ Lilac Intuition
متمم منقسم +150° +210°
- A0855C
Timber Beam
- 5E92A9
≈ Blue Persia
- 8784B0
≈ Aster Purple
رباعي +90° +180° +270°
- A0855C
Timber Beam
- 619782
≈ Succulent Green
- 718BB2
≈ Windsurf Blue
- A87A91
≈ Cipher
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.49:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 6.00:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--timber-beam: #a0855c;
--timber-beam-rgb: 160 133 92;
--timber-beam-oklch: oklch(0.632 0.066 77.6);
}
.element {
color: var(--timber-beam);
background-color: hsl(36 27% 49%);
border-color: oklch(0.632 0.066 77.6);
}Tailwind CSS v4
@theme {
--color-timber-beam: #a0855c;
--color-timber-beam-50: #fff4e1;
--color-timber-beam-100: #f4e6d0;
--color-timber-beam-200: #e3d2b5;
--color-timber-beam-300: #c9b492;
--color-timber-beam-400: #b49a73;
--color-timber-beam-500: #9e8153;
--color-timber-beam-600: #866d47;
--color-timber-beam-700: #6b5738;
--color-timber-beam-800: #503f28;
--color-timber-beam-900: #372c1b;
--color-timber-beam-950: #22190b;
}SCSS
$timber-beam: #a0855c;
$timber-beam-rgb: 160, 133, 92;
$timber-beam-light: mix(#fff, $timber-beam, 20%);
$timber-beam-dark: mix(#000, $timber-beam, 20%);
.element {
color: $timber-beam;
box-shadow: 0 0 0 2px rgba($timber-beam, 0.35);
}