أقرب لون مسمّى · #BE9362
#BE9362
أقرب لون مسمّى: Chalet
#BE9362 (rgb(190 147 98)، hsl(32 41% 56%)، oklch(0.693 0.083 69.4)) أقرب إلى اللون المسمّى Chalet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BE9362
oklch(0.693 0.083 69.4)
تحويلات الألوان
- HEX
- #be9362
- RGB
- rgb(190 147 98)
- HSL
- hsl(32 41% 56%)
- HWB
- hwb(32 38% 25%)
- OKLCH
- oklch(0.693 0.083 69.4)
- OKLab
- oklab(0.693 0.029 0.078)
- CIE Lab
- lab(64.25 12.23 32.4)
- LCH
- lch(64.25 34.63 69.3)
- CMYK
- cmyk(0% 23% 48% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C59E72
- CBA881
- D2B391
- D8BEA0
- DFC8B0
- E5D3C0
- ECDECF
- F2E9DF
- F9F4EF
درجات داكنة
- A57F54
- 8C6C47
- 75593A
- 5E472D
- 483621
- 332516
- 1F160B
- 0D0803
- 020100
درجات رمادية
- B89166
- B28F69
- AB8E6D
- A58C70
- 9F8A73
- 998876
- 938679
- 8C847B
- 86827E
تناسق الألوان
متمم +180°
- BE9362
Chalet
- 73A1CE
≈ Overcast
متجاور -30° +30°
- BE9362
Chalet
- C98A75
≈ Yum Raw Spam
- A99D5F
≈ Tallarn Sand
ثلاثي +120° +240°
- BE9362
Chalet
- 58ADA7
≈ Emerald Succulent
- AC8EC4
≈ Fleur-De-Lis
متمم منقسم +150° +210°
- BE9362
Chalet
- 5BA9C0
≈ Blue Mist
- 9197D0
≈ Portage
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.78:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.53:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chalet: #be9362;
--chalet-rgb: 190 147 98;
--chalet-oklch: oklch(0.693 0.083 69.4);
}
.element {
color: var(--chalet);
background-color: hsl(32 41% 56%);
border-color: oklch(0.693 0.083 69.4);
}Tailwind CSS v4
@theme {
--color-chalet: #be9362;
--color-chalet-50: #fff2dc;
--color-chalet-100: #fae4ca;
--color-chalet-200: #ebcfae;
--color-chalet-300: #d3b189;
--color-chalet-400: #bf9668;
--color-chalet-500: #aa7c45;
--color-chalet-600: #90693b;
--color-chalet-700: #73542f;
--color-chalet-800: #563d21;
--color-chalet-900: #3c2a16;
--color-chalet-950: #251707;
}SCSS
$chalet: #be9362;
$chalet-rgb: 190, 147, 98;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}