لون مسمّى · #876044
Chasm
Chasm هو #876044: rgb(135 96 68)، hsl(25 33% 40%)، oklch(0.523 0.065 56.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Chasm color name →
#876044
oklch(0.523 0.065 56.4)
تحويلات الألوان
- HEX
- #876044
- RGB
- rgb(135 96 68)
- HSL
- hsl(25 33% 40%)
- HWB
- hwb(25 27% 47%)
- OKLCH
- oklch(0.523 0.065 56.4)
- OKLab
- oklab(0.523 0.036 0.054)
- CIE Lab
- lab(44.41 13.76 22.58)
- LCH
- lch(44.41 26.44 58.6)
- CMYK
- cmyk(0% 29% 50% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 936F56
- 9F7E67
- AB8D79
- B79D8B
- C2AD9E
- CFBDB1
- DBCDC4
- E7DDD7
- F3EEEB
درجات داكنة
- 75523A
- 634530
- 513826
- 412C1D
- 312014
- 21150C
- 130A05
- 060302
- 010000
درجات رمادية
- 87634A
- 866751
- 866A57
- 856D5D
- 847063
- 847469
- 83776E
- 827A74
- 817D7A
تناسق الألوان
متمم +180°
- 876044
Chasm
- 43708B
≈ Downpour
متجاور -30° +30°
ثلاثي +120° +240°
- 876044
Chasm
- 3C7669
≈ Green Sleeves
- 6D628B
≈ Posy Purple
متمم منقسم +150° +210°
- 876044
Chasm
- 36757D
≈ Ocean Slumber
- 586990
≈ Allegiance
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.54:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.78:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chasm: #876044;
--chasm-rgb: 135 96 68;
--chasm-oklch: oklch(0.523 0.065 56.4);
}
.element {
color: var(--chasm);
background-color: hsl(25 33% 40%);
border-color: oklch(0.523 0.065 56.4);
}Tailwind CSS v4
@theme {
--color-chasm: #876044;
--color-chasm-50: #fff1e3;
--color-chasm-100: #f9e3d3;
--color-chasm-200: #eaceb9;
--color-chasm-300: #d2b097;
--color-chasm-400: #bd9579;
--color-chasm-500: #a87b5b;
--color-chasm-600: #8e684e;
--color-chasm-700: #72533e;
--color-chasm-800: #543c2d;
--color-chasm-900: #3b291e;
--color-chasm-950: #25170e;
}SCSS
$chasm: #876044;
$chasm-rgb: 135, 96, 68;
$chasm-light: mix(#fff, $chasm, 20%);
$chasm-dark: mix(#000, $chasm, 20%);
.element {
color: $chasm;
box-shadow: 0 0 0 2px rgba($chasm, 0.35);
}