أقرب لون مسمّى · #A66448
#A66448
أقرب لون مسمّى: Hot Cacao
#A66448 (rgb(166 100 72)، hsl(18 39% 47%)، oklch(0.57 0.095 43.5)) أقرب إلى اللون المسمّى Hot Cacao. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A66448
oklch(0.57 0.095 43.5)
تحويلات الألوان
- HEX
- #a66448
- RGB
- rgb(166 100 72)
- HSL
- hsl(18 39% 47%)
- HWB
- hwb(18 28% 35%)
- OKLCH
- oklch(0.57 0.095 43.5)
- OKLab
- oklab(0.57 0.069 0.065)
- CIE Lab
- lab(49.51 25.27 27.68)
- LCH
- lch(49.51 37.48 47.6)
- CMYK
- cmyk(0% 40% 57% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B0735A
- B9826B
- C2917D
- CBA18F
- D4B0A1
- DDBFB3
- E6CFC6
- EEDFD9
- F7EFEC
درجات داكنة
- 90563D
- 7A4833
- 653B29
- 512E1F
- 3E2216
- 2B160D
- 1A0B06
- 0A0302
- 010000
درجات رمادية
- A3674E
- 9F6A54
- 9C6D5A
- 987060
- 957365
- 91766B
- 8D7870
- 897B75
- 857E7B
تناسق الألوان
متمم +180°
- A66448
Hot Cacao
- 2583A0
≈ Blue Arc
متجاور -30° +30°
- A66448
Hot Cacao
- A85F67
≈ Delicate Prunus
- 996E31
≈ Damascene
ثلاثي +120° +240°
- A66448
Hot Cacao
- 388968
≈ Chrysocolla Green
- 706FAE
≈ Jacaranda Jazz
متمم منقسم +150° +210°
- A66448
Hot Cacao
- 0F8987
≈ Navigate
- 4E7AAE
≈ Sage Blossom Blue
رباعي +90° +180° +270°
- A66448
Hot Cacao
- 608448
≈ Beatnik
- 2583A0
≈ Blue Arc
- 8B669F
≈ Aster Violetta
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.62:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.53:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hot-cacao: #a66448;
--hot-cacao-rgb: 166 100 72;
--hot-cacao-oklch: oklch(0.57 0.095 43.5);
}
.element {
color: var(--hot-cacao);
background-color: hsl(18 39% 47%);
border-color: oklch(0.57 0.095 43.5);
}Tailwind CSS v4
@theme {
--color-hot-cacao: #a66448;
--color-hot-cacao-50: #ffeddf;
--color-hot-cacao-100: #ffdfce;
--color-hot-cacao-200: #f8c8b3;
--color-hot-cacao-300: #e1a98f;
--color-hot-cacao-400: #ce8c70;
--color-hot-cacao-500: #ba7051;
--color-hot-cacao-600: #9d5f45;
--color-hot-cacao-700: #7e4c37;
--color-hot-cacao-800: #5e3728;
--color-hot-cacao-900: #42251b;
--color-hot-cacao-950: #2a140b;
}SCSS
$hot-cacao: #a66448;
$hot-cacao-rgb: 166, 100, 72;
$hot-cacao-light: mix(#fff, $hot-cacao, 20%);
$hot-cacao-dark: mix(#000, $hot-cacao, 20%);
.element {
color: $hot-cacao;
box-shadow: 0 0 0 2px rgba($hot-cacao, 0.35);
}