لون مسمّى · #A0928D
Channel Seal Grey
Channel Seal Grey هو #A0928D: rgb(160 146 141)، hsl(16 9% 59%)، oklch(0.671 0.018 40.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Channel Seal Grey color name →
#A0928D
oklch(0.671 0.018 40.7)
تحويلات الألوان
- HEX
- #a0928d
- RGB
- rgb(160 146 141)
- HSL
- hsl(16 9% 59%)
- HWB
- hwb(16 55% 37%)
- OKLCH
- oklch(0.671 0.018 40.7)
- OKLab
- oklab(0.671 0.014 0.012)
- CIE Lab
- lab(61.69 4.72 4.64)
- LCH
- lch(61.69 6.62 44.5)
- CMYK
- cmyk(0% 9% 12% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A99C98
- B2A7A3
- BCB2AE
- C5BCB9
- CFC7C4
- D8D2D0
- E2DDDC
- EBE8E7
- F5F4F3
درجات داكنة
- 8B7E7A
- 766B67
- 615855
- 4E4644
- 3B3533
- 292523
- 191614
- 090807
- 010101
درجات رمادية
- 9D908C
- 9A8E8A
- 968D89
- 938B88
- 908987
- 8D8785
- 8A8584
- 868483
- 838281
تناسق الألوان
متمم +180°
- A0928D
Channel Seal Grey
- 8A989D
≈ By the Sea
متجاور -30° +30°
- A0928D
Channel Seal Grey
- A09193
≈ Auger Shell
- 9D948A
≈ Mud Puddle
ثلاثي +120° +240°
- A0928D
Channel Seal Grey
- 8C9992
≈ Green Milieu
- 9394A1
≈ Ash Violet
متمم منقسم +150° +210°
- A0928D
Channel Seal Grey
- 899998
≈ Aged Pewter
- 8D97A1
≈ Roman Bath
رباعي +90° +180° +270°
- A0928D
Channel Seal Grey
- 92988C
≈ Ceremonial Grey
- 8A989D
≈ By the Sea
- 99929E
≈ Duchess Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.00:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.99:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--channel-seal-grey: #a0928d;
--channel-seal-grey-rgb: 160 146 141;
--channel-seal-grey-oklch: oklch(0.671 0.018 40.7);
}
.element {
color: var(--channel-seal-grey);
background-color: hsl(16 9% 59%);
border-color: oklch(0.671 0.018 40.7);
}Tailwind CSS v4
@theme {
--color-channel-seal-grey: #a0928d;
--color-channel-seal-grey-50: #faf4f1;
--color-channel-seal-grey-100: #eee6e3;
--color-channel-seal-grey-200: #dbd2ce;
--color-channel-seal-grey-300: #c0b5b0;
--color-channel-seal-grey-400: #a99b96;
--color-channel-seal-grey-500: #91827d;
--color-channel-seal-grey-600: #7b6e6a;
--color-channel-seal-grey-700: #625855;
--color-channel-seal-grey-800: #48403e;
--color-channel-seal-grey-900: #322c2a;
--color-channel-seal-grey-950: #1e1918;
}SCSS
$channel-seal-grey: #a0928d;
$channel-seal-grey-rgb: 160, 146, 141;
$channel-seal-grey-light: mix(#fff, $channel-seal-grey, 20%);
$channel-seal-grey-dark: mix(#000, $channel-seal-grey, 20%);
.element {
color: $channel-seal-grey;
box-shadow: 0 0 0 2px rgba($channel-seal-grey, 0.35);
}