لون مسمّى · #4E2A20
Couch
Couch هو #4E2A20: rgb(78 42 32)، hsl(13 42% 22%)، oklch(0.329 0.057 36.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Couch color name →
#4E2A20
oklch(0.329 0.057 36.4)
تحويلات الألوان
- HEX
- #4e2a20
- RGB
- rgb(78 42 32)
- HSL
- hsl(13 42% 22%)
- HWB
- hwb(13 13% 69%)
- OKLCH
- oklch(0.329 0.057 36.4)
- OKLab
- oklab(0.329 0.046 0.034)
- CIE Lab
- lab(21.74 16.3 14.13)
- LCH
- lch(21.74 21.57 40.9)
- CMYK
- cmyk(0% 46% 59% 69%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5F3D33
- 705047
- 81645C
- 927971
- A48E88
- B6A49E
- C8BAB6
- DAD0CE
- ECE7E6
درجات داكنة
- 43231A
- 381C15
- 2D160F
- 23100A
- 190A06
- 0F0503
- 070201
- 020100
- 000000
درجات رمادية
- 533229
- 593B32
- 5E433B
- 634B45
- 68544E
- 6D5D58
- 726562
- 776E6C
- 7B7776
تناسق الألوان
متمم +180°
- 4E2A20
Couch
- 033C48
≈ Ghostlands Coal
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 4E2A20
Couch
- 023E3A
≈ Rich Black
- 1A3851
≈ Gibraltar Sea
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.52:1 · APCA Lc 98
Ag
Failعلى الأسود
WCAG 1.67:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.52:1 (AAA) · APCA Lc 98
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--couch: #4e2a20;
--couch-rgb: 78 42 32;
--couch-oklch: oklch(0.329 0.057 36.4);
}
.element {
color: var(--couch);
background-color: hsl(13 42% 22%);
border-color: oklch(0.329 0.057 36.4);
}Tailwind CSS v4
@theme {
--color-couch: #4e2a20;
--color-couch-50: #fff0ea;
--color-couch-100: #fae2da;
--color-couch-200: #ebcdc3;
--color-couch-300: #d2aea3;
--color-couch-400: #bd9387;
--color-couch-500: #a8796c;
--color-couch-600: #8e675c;
--color-couch-700: #725249;
--color-couch-800: #543b35;
--color-couch-900: #3b2924;
--color-couch-950: #251713;
}SCSS
$couch: #4e2a20;
$couch-rgb: 78, 42, 32;
$couch-light: mix(#fff, $couch, 20%);
$couch-dark: mix(#000, $couch, 20%);
.element {
color: $couch;
box-shadow: 0 0 0 2px rgba($couch, 0.35);
}