لون مسمّى · #B2AB94
Canterbury Cathedral
Canterbury Cathedral هو #B2AB94: rgb(178 171 148)، hsl(46 16% 64%)، oklch(0.741 0.033 93). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Canterbury Cathedral color name →
#B2AB94
oklch(0.741 0.033 93)
تحويلات الألوان
- HEX
- #b2ab94
- RGB
- rgb(178 171 148)
- HSL
- hsl(46 16% 64%)
- HWB
- hwb(46 58% 30%)
- OKLCH
- oklch(0.741 0.033 93)
- OKLab
- oklab(0.741 -0.002 0.033)
- CIE Lab
- lab(70.1 -0.31 12.84)
- LCH
- lch(70.1 12.85 91.4)
- CMYK
- cmyk(0% 4% 17% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B9B39E
- C1BBA9
- C9C4B3
- D0CCBE
- D8D4C8
- E0DDD3
- E7E5DE
- EFEEE9
- F7F6F4
درجات داكنة
- 9A9480
- 837E6D
- 6D685A
- 575448
- 434036
- 2F2D26
- 1D1B16
- 0C0B08
- 010101
درجات رمادية
- ADA792
- A8A290
- A39E8E
- 9E9A8C
- 99958A
- 949188
- 8F8D86
- 8A8884
- 858482
تناسق الألوان
متمم +180°
- B2AB94
Canterbury Cathedral
- A4AAC1
≈ Lilac Time
متجاور -30° +30°
- B2AB94
Canterbury Cathedral
- BBA796
≈ Smoky Beige
- A7AF98
≈ Ending Spring
ثلاثي +120° +240°
- B2AB94
Canterbury Cathedral
- 94B1B8
≈ Bulfinch Blue
- B8A4B4
≈ Buckwheat Mauve
متمم منقسم +150° +210°
- B2AB94
Canterbury Cathedral
- 9AAEBF
≈ Soaring Eagle
- AFA6BD
≈ Winter Amethyst
رباعي +90° +180° +270°
- B2AB94
Canterbury Cathedral
- 95B2AD
≈ Ninja Turtle
- A4AAC1
≈ Lilac Time
- BEA3A9
≈ Magical Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.29:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.14:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--canterbury-cathedral: #b2ab94;
--canterbury-cathedral-rgb: 178 171 148;
--canterbury-cathedral-oklch: oklch(0.741 0.033 93);
}
.element {
color: var(--canterbury-cathedral);
background-color: hsl(46 16% 64%);
border-color: oklch(0.741 0.033 93);
}Tailwind CSS v4
@theme {
--color-canterbury-cathedral: #b2ab94;
--color-canterbury-cathedral-50: #f8f5eb;
--color-canterbury-cathedral-100: #ebe8dc;
--color-canterbury-cathedral-200: #d8d4c5;
--color-canterbury-cathedral-300: #bcb8a5;
--color-canterbury-cathedral-400: #a59e89;
--color-canterbury-cathedral-500: #8e866e;
--color-canterbury-cathedral-600: #78715d;
--color-canterbury-cathedral-700: #605b4a;
--color-canterbury-cathedral-800: #474236;
--color-canterbury-cathedral-900: #312e24;
--color-canterbury-cathedral-950: #1d1a13;
}SCSS
$canterbury-cathedral: #b2ab94;
$canterbury-cathedral-rgb: 178, 171, 148;
$canterbury-cathedral-light: mix(#fff, $canterbury-cathedral, 20%);
$canterbury-cathedral-dark: mix(#000, $canterbury-cathedral, 20%);
.element {
color: $canterbury-cathedral;
box-shadow: 0 0 0 2px rgba($canterbury-cathedral, 0.35);
}