أقرب لون مسمّى · #6A3728
#6A3728
أقرب لون مسمّى: Freshly Roasted Coffee
#6A3728 (rgb(106 55 40)، hsl(14 45% 29%)، oklch(0.398 0.077 37.2)) أقرب إلى اللون المسمّى Freshly Roasted Coffee. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6A3728
oklch(0.398 0.077 37.2)
تحويلات الألوان
- HEX
- #6a3728
- RGB
- rgb(106 55 40)
- HSL
- hsl(14 45% 29%)
- HWB
- hwb(14 16% 58%)
- OKLCH
- oklch(0.398 0.077 37.2)
- OKLab
- oklab(0.398 0.061 0.047)
- CIE Lab
- lab(29.6 22.07 19.91)
- LCH
- lch(29.6 29.72 42.1)
- CMYK
- cmyk(0% 48% 62% 58%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 79493B
- 885C4F
- 976F63
- A68378
- B4968D
- C3ABA3
- D2BFBA
- E1D4D0
- F0E9E7
درجات داكنة
- 5B2E21
- 4D261B
- 3F1E15
- 31160F
- 240F09
- 180804
- 0D0302
- 040101
- 000000
درجات رمادية
- 6D3E31
- 704639
- 724D42
- 75544B
- 775C54
- 79635C
- 7B6A65
- 7D716E
- 7F7977
تناسق الألوان
متمم +180°
- 6A3728
Freshly Roasted Coffee
- 005060
≈ Sandalwood Grey Blue
متجاور -30° +30°
- 6A3728
Freshly Roasted Coffee
- 693440
≈ Chestnut Red
- 623E11
≈ Pullman Brown
ثلاثي +120° +240°
- 6A3728
Freshly Roasted Coffee
- 1B5336
≈ Kaitoke Green
- 3D4370
≈ Valiant Violet
متمم منقسم +150° +210°
- 6A3728
Freshly Roasted Coffee
- 00534E
≈ Plankton Green
- 204A6E
≈ Grape Blue
رباعي +90° +180° +270°
- 6A3728
Freshly Roasted Coffee
- 3C4F1E
≈ No Emissions Green
- 005060
≈ Sandalwood Grey Blue
- 523B67
≈ Succinct Violet
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.58:1 · APCA Lc 92
Ag
Failعلى الأسود
WCAG 2.18:1 · APCA Lc 10
أفضل لون للنص: #FFFFFF
WCAG 9.58:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--freshly-roasted-coffee: #6a3728;
--freshly-roasted-coffee-rgb: 106 55 40;
--freshly-roasted-coffee-oklch: oklch(0.398 0.077 37.2);
}
.element {
color: var(--freshly-roasted-coffee);
background-color: hsl(14 45% 29%);
border-color: oklch(0.398 0.077 37.2);
}Tailwind CSS v4
@theme {
--color-freshly-roasted-coffee: #6a3728;
--color-freshly-roasted-coffee-50: #ffeee5;
--color-freshly-roasted-coffee-100: #ffe0d5;
--color-freshly-roasted-coffee-200: #f3cabc;
--color-freshly-roasted-coffee-300: #dbab9b;
--color-freshly-roasted-coffee-400: #c78f7e;
--color-freshly-roasted-coffee-500: #b37461;
--color-freshly-roasted-coffee-600: #976253;
--color-freshly-roasted-coffee-700: #794e42;
--color-freshly-roasted-coffee-800: #5a3930;
--color-freshly-roasted-coffee-900: #3f2721;
--color-freshly-roasted-coffee-950: #281510;
}SCSS
$freshly-roasted-coffee: #6a3728;
$freshly-roasted-coffee-rgb: 106, 55, 40;
$freshly-roasted-coffee-light: mix(#fff, $freshly-roasted-coffee, 20%);
$freshly-roasted-coffee-dark: mix(#000, $freshly-roasted-coffee, 20%);
.element {
color: $freshly-roasted-coffee;
box-shadow: 0 0 0 2px rgba($freshly-roasted-coffee, 0.35);
}