أقرب لون مسمّى · #BB9462
#BB9462
أقرب لون مسمّى: Chalet
#BB9462 (rgb(187 148 98)، hsl(34 40% 56%)، oklch(0.692 0.081 72.7)) أقرب إلى اللون المسمّى Chalet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BB9462
oklch(0.692 0.081 72.7)
تحويلات الألوان
- HEX
- #bb9462
- RGB
- rgb(187 148 98)
- HSL
- hsl(34 40% 56%)
- HWB
- hwb(34 38% 27%)
- OKLCH
- oklch(0.692 0.081 72.7)
- OKLab
- oklab(0.692 0.024 0.078)
- CIE Lab
- lab(64.18 10.44 32.23)
- LCH
- lch(64.18 33.88 72)
- CMYK
- cmyk(0% 21% 48% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C29E72
- C9A981
- D0B491
- D6BEA0
- DDC9B0
- E4D4C0
- EBDECF
- F2E9DF
- F8F4EF
درجات داكنة
- A28054
- 8A6D47
- 735A3A
- 5C482D
- 463621
- 322616
- 1F160B
- 0D0803
- 020100
درجات رمادية
- B59266
- AF9069
- A98E6D
- A38C70
- 9E8A73
- 988876
- 928679
- 8C847B
- 86827E
تناسق الألوان
متمم +180°
- BB9462
Chalet
- 779FCD
≈ Blue Lechery
متجاور -30° +30°
- BB9462
Chalet
- C78B73
≈ Yum Raw Spam
- A59E61
≈ Acacia Tree
ثلاثي +120° +240°
- BB9462
Chalet
- 59ACA9
≈ Emerald Succulent
- AD8DC0
≈ East Side
متمم منقسم +150° +210°
- BB9462
Chalet
- 5FA7C1
≈ Pottery Blue
- 9496CD
≈ Bluebell Frost
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.52:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chalet: #bb9462;
--chalet-rgb: 187 148 98;
--chalet-oklch: oklch(0.692 0.081 72.7);
}
.element {
color: var(--chalet);
background-color: hsl(34 40% 56%);
border-color: oklch(0.692 0.081 72.7);
}Tailwind CSS v4
@theme {
--color-chalet: #bb9462;
--color-chalet-50: #fff2dc;
--color-chalet-100: #f8e5cb;
--color-chalet-200: #e9d0ae;
--color-chalet-300: #d0b289;
--color-chalet-400: #bc9768;
--color-chalet-500: #a77d46;
--color-chalet-600: #8d6a3c;
--color-chalet-700: #71552f;
--color-chalet-800: #543d21;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251807;
}SCSS
$chalet: #bb9462;
$chalet-rgb: 187, 148, 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);
}