لون مسمّى · #664411
Very Coffee
Very Coffee هو #664411: rgb(102 68 17)، hsl(36 71% 23%)، oklch(0.416 0.079 72.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Very Coffee color name →
#664411
oklch(0.416 0.079 72.5)
تحويلات الألوان
- HEX
- #664411
- RGB
- rgb(102 68 17)
- HSL
- hsl(36 71% 23%)
- HWB
- hwb(36 7% 60%)
- OKLCH
- oklch(0.416 0.079 72.5)
- OKLab
- oklab(0.416 0.024 0.076)
- CIE Lab
- lab(32.11 11.61 34.87)
- LCH
- lch(32.11 36.75 71.6)
- CMYK
- cmyk(0% 33% 83% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 75552B
- 836742
- 927959
- A18B6F
- B19D86
- C0B09E
- CFC4B5
- DFD7CD
- EFEBE6
درجات داكنة
- 583A0D
- 4A3009
- 3C2606
- 2F1D04
- 231402
- 170C01
- 0C0500
- 040200
- 000000
درجات رمادية
- 694A20
- 6C502C
- 6E5637
- 715C42
- 74624D
- 766857
- 796E61
- 7B746B
- 7E7A76
تناسق الألوان
متمم +180°
- 664411
Very Coffee
- 2A4E76
≈ Mykonos Reflection
متجاور -30° +30°
- 664411
Very Coffee
- 6F3C27
≈ Red Mane
- 544D0F
≈ Scorzonera Brown
ثلاثي +120° +240°
- 664411
Very Coffee
- 005856
≈ Deep Sea Green
- 5B3E6B
≈ Kikyō Purple
متمم منقسم +150° +210°
- 664411
Very Coffee
- 00556A
≈ Plunge
- 464676
≈ Dramatist
رباعي +90° +180° +270°
- 664411
Very Coffee
- 17593F
≈ Billiard Table
- 2A4E76
≈ Mykonos Reflection
- 693958
≈ Halayà Úbe
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.75:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.39:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 8.75:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--very-coffee: #664411;
--very-coffee-rgb: 102 68 17;
--very-coffee-oklch: oklch(0.416 0.079 72.5);
}
.element {
color: var(--very-coffee);
background-color: hsl(36 71% 23%);
border-color: oklch(0.416 0.079 72.5);
}Tailwind CSS v4
@theme {
--color-very-coffee: #664411;
--color-very-coffee-50: #fff2dd;
--color-very-coffee-100: #f8e5cb;
--color-very-coffee-200: #e9d0af;
--color-very-coffee-300: #d0b28a;
--color-very-coffee-400: #bc976a;
--color-very-coffee-500: #a77e48;
--color-very-coffee-600: #8d6a3e;
--color-very-coffee-700: #715531;
--color-very-coffee-800: #543d22;
--color-very-coffee-900: #3b2a17;
--color-very-coffee-950: #241808;
}SCSS
$very-coffee: #664411;
$very-coffee-rgb: 102, 68, 17;
$very-coffee-light: mix(#fff, $very-coffee, 20%);
$very-coffee-dark: mix(#000, $very-coffee, 20%);
.element {
color: $very-coffee;
box-shadow: 0 0 0 2px rgba($very-coffee, 0.35);
}