لون مسمّى · #B37084
Tapestry
Tapestry هو #B37084: rgb(179 112 132)، hsl(342 31% 57%)، oklch(0.623 0.088 0.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Tapestry color name →
#B37084
oklch(0.623 0.088 0.6)
تحويلات الألوان
- HEX
- #b37084
- RGB
- rgb(179 112 132)
- HSL
- hsl(342 31% 57%)
- HWB
- hwb(342 44% 30%)
- OKLCH
- oklch(0.623 0.088 0.6)
- OKLab
- oklab(0.623 0.088 0.001)
- CIE Lab
- lab(55.12 29.21 0.73)
- LCH
- lch(55.12 29.22 1.4)
- CMYK
- cmyk(0% 37% 26% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BB7E90
- C38C9B
- CB9AA7
- D3A8B3
- DBB6C0
- E2C4CC
- EAD3D9
- F1E1E5
- F8F0F2
درجات داكنة
- 9B6072
- 845160
- 6E434F
- 58353F
- 43272F
- 2F1A20
- 1D0E12
- 0C0406
- 010101
درجات رمادية
- AE7284
- AA7483
- A57683
- A07782
- 9B7982
- 967A82
- 917C81
- 8B7D81
- 867F80
تناسق الألوان
متمم +180°
- B37084
Tapestry
- 3F988A
≈ Temple Guard Blue
متجاور -30° +30°
- B37084
Tapestry
- A673A0
≈ Long Forgotten Purple
- B67266
≈ Morocco
ثلاثي +120° +240°
- B37084
Tapestry
- 7F8F51
≈ Camo
- 538EB7
≈ Alpha Blue
متمم منقسم +150° +210°
- B37084
Tapestry
- 5E966B
≈ Endless
- 3995A5
≈ Aqua Dance
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.77:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.56:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tapestry: #b37084;
--tapestry-rgb: 179 112 132;
--tapestry-oklch: oklch(0.623 0.088 0.6);
}
.element {
color: var(--tapestry);
background-color: hsl(342 31% 57%);
border-color: oklch(0.623 0.088 0.6);
}Tailwind CSS v4
@theme {
--color-tapestry: #b37084;
--color-tapestry-50: #ffebf3;
--color-tapestry-100: #ffdce5;
--color-tapestry-200: #f6c5d1;
--color-tapestry-300: #dfa5b3;
--color-tapestry-400: #ca899c;
--color-tapestry-500: #b66d83;
--color-tapestry-600: #9a5c6f;
--color-tapestry-700: #7b4a59;
--color-tapestry-800: #5b3542;
--color-tapestry-900: #40242d;
--color-tapestry-950: #28131a;
}SCSS
$tapestry: #b37084;
$tapestry-rgb: 179, 112, 132;
$tapestry-light: mix(#fff, $tapestry, 20%);
$tapestry-dark: mix(#000, $tapestry, 20%);
.element {
color: $tapestry;
box-shadow: 0 0 0 2px rgba($tapestry, 0.35);
}