لون مسمّى · #BA8C64
Tatami Tan
Tatami Tan هو #BA8C64: rgb(186 140 100)، hsl(28 38% 56%)، oklch(0.675 0.078 61.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Tatami Tan color name →
#BA8C64
oklch(0.675 0.078 61.9)
تحويلات الألوان
- HEX
- #ba8c64
- RGB
- rgb(186 140 100)
- HSL
- hsl(28 38% 56%)
- HWB
- hwb(28 39% 27%)
- OKLCH
- oklch(0.675 0.078 61.9)
- OKLab
- oklab(0.675 0.037 0.069)
- CIE Lab
- lab(62.08 14.36 28.49)
- LCH
- lch(62.08 31.9 63.3)
- CMYK
- cmyk(0% 25% 46% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C19773
- C8A282
- CFAE92
- D6B9A1
- DDC5B0
- E4D0C0
- EBDCCF
- F2E7DF
- F8F3EF
درجات داكنة
- A17956
- 896748
- 72553B
- 5C432E
- 463322
- 322316
- 1E140B
- 0D0703
- 020100
درجات رمادية
- B48B67
- AF8A6B
- A9896E
- A38871
- 9D8773
- 988576
- 928479
- 8C837B
- 86817E
تناسق الألوان
متمم +180°
- BA8C64
Tatami Tan
- 6A9DC3
≈ Cerulean Frost
متجاور -30° +30°
- BA8C64
Tatami Tan
- C28579
≈ Whisky
- A8965D
≈ Mossy Rock
ثلاثي +120° +240°
- BA8C64
Tatami Tan
- 5BA79A
≈ Dragon Bay
- 9F8CBF
≈ Classic Bouquet
متمم منقسم +150° +210°
- BA8C64
Tatami Tan
- 58A4B3
≈ Explorer Blue
- 8694C8
≈ Blue Hyacinth
رباعي +90° +180° +270°
- BA8C64
Tatami Tan
- 72A57F
≈ Primavera
- 6A9DC3
≈ Cerulean Frost
- B485AC
≈ Opera Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.99:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.02:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tatami-tan: #ba8c64;
--tatami-tan-rgb: 186 140 100;
--tatami-tan-oklch: oklch(0.675 0.078 61.9);
}
.element {
color: var(--tatami-tan);
background-color: hsl(28 38% 56%);
border-color: oklch(0.675 0.078 61.9);
}Tailwind CSS v4
@theme {
--color-tatami-tan: #ba8c64;
--color-tatami-tan-50: #fff1df;
--color-tatami-tan-100: #fbe3cd;
--color-tatami-tan-200: #edceb2;
--color-tatami-tan-300: #d4af8e;
--color-tatami-tan-400: #c0946e;
--color-tatami-tan-500: #ac7a4e;
--color-tatami-tan-600: #916843;
--color-tatami-tan-700: #745335;
--color-tatami-tan-800: #563c26;
--color-tatami-tan-900: #3c2919;
--color-tatami-tan-950: #26170a;
}SCSS
$tatami-tan: #ba8c64;
$tatami-tan-rgb: 186, 140, 100;
$tatami-tan-light: mix(#fff, $tatami-tan, 20%);
$tatami-tan-dark: mix(#000, $tatami-tan, 20%);
.element {
color: $tatami-tan;
box-shadow: 0 0 0 2px rgba($tatami-tan, 0.35);
}