أقرب لون مسمّى · #B08968
#B08968
أقرب لون مسمّى: Macaroon
#B08968 (rgb(176 137 104)، hsl(27 31% 55%)، oklch(0.659 0.066 61.5)) أقرب إلى اللون المسمّى Macaroon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B08968
oklch(0.659 0.066 61.5)
تحويلات الألوان
- HEX
- #b08968
- RGB
- rgb(176 137 104)
- HSL
- hsl(27 31% 55%)
- HWB
- hwb(27 41% 31%)
- OKLCH
- oklch(0.659 0.066 61.5)
- OKLab
- oklab(0.659 0.032 0.058)
- CIE Lab
- lab(60.28 12.06 23.72)
- LCH
- lch(60.28 26.61 63)
- CMYK
- cmyk(0% 22% 41% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B89477
- C0A085
- C8AB94
- D0B7A3
- D8C3B2
- E0CFC1
- E7DBD0
- EFE7E0
- F7F3EF
درجات داكنة
- 997659
- 82644B
- 6C533E
- 564230
- 423124
- 2E2218
- 1C140C
- 0B0704
- 010100
درجات رمادية
- AB886B
- A7876D
- A28770
- 9D8673
- 988575
- 938477
- 8F837A
- 8A827C
- 85817E
تناسق الألوان
متمم +180°
- B08968
Macaroon
- 6D97B7
≈ Lupine Blue
متجاور -30° +30°
- B08968
Macaroon
- B78379
≈ Dusky Damask
- A19162
≈ Abura Green
ثلاثي +120° +240°
- B08968
Macaroon
- 62A094
≈ Emerald Oasis
- 9989B4
≈ Flirty Pink
متمم منقسم +150° +210°
- B08968
Macaroon
- 5F9DA9
≈ Echo One
- 8390BB
≈ Soothsayer
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.17:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.62:1 · APCA Lc 43
أفضل لون للنص: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--macaroon: #b08968;
--macaroon-rgb: 176 137 104;
--macaroon-oklch: oklch(0.659 0.066 61.5);
}
.element {
color: var(--macaroon);
background-color: hsl(27 31% 55%);
border-color: oklch(0.659 0.066 61.5);
}Tailwind CSS v4
@theme {
--color-macaroon: #b08968;
--color-macaroon-50: #fff2e2;
--color-macaroon-100: #f8e4d2;
--color-macaroon-200: #e9cfb8;
--color-macaroon-300: #d0b195;
--color-macaroon-400: #bc9676;
--color-macaroon-500: #a67c58;
--color-macaroon-600: #8d694b;
--color-macaroon-700: #71543c;
--color-macaroon-800: #543d2b;
--color-macaroon-900: #3a2a1d;
--color-macaroon-950: #24170d;
}SCSS
$macaroon: #b08968;
$macaroon-rgb: 176, 137, 104;
$macaroon-light: mix(#fff, $macaroon, 20%);
$macaroon-dark: mix(#000, $macaroon, 20%);
.element {
color: $macaroon;
box-shadow: 0 0 0 2px rgba($macaroon, 0.35);
}