لون مسمّى · #6B7172
Rich Pewter
Rich Pewter هو #6B7172: rgb(107 113 114)، hsl(189 3% 43%)، oklch(0.544 0.007 208.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Rich Pewter color name →
#6B7172
oklch(0.544 0.007 208.8)
تحويلات الألوان
- HEX
- #6b7172
- RGB
- rgb(107 113 114)
- HSL
- hsl(189 3% 43%)
- HWB
- hwb(189 42% 55%)
- OKLCH
- oklch(0.544 0.007 208.8)
- OKLab
- oklab(0.544 -0.007 -0.004)
- CIE Lab
- lab(47.14 -2.2 -1.39)
- LCH
- lch(47.14 2.6 212.2)
- CMYK
- cmyk(6% 1% 0% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 797E7F
- 878C8C
- 95999A
- A3A7A8
- B2B5B6
- C1C4C4
- D0D2D3
- E0E1E1
- EFF0F0
درجات داكنة
- 5C6162
- 4E5253
- 3F4344
- 323536
- 252728
- 181A1B
- 0D0E0E
- 040404
- 000101
درجات رمادية
- 6D7273
- 6F7475
- 717576
- 737778
- 757879
- 787A7A
- 7A7B7C
- 7C7D7D
- 7E7E7F
تناسق الألوان
متمم +180°
- 6B7172
Rich Pewter
- 746E6D
≈ Emu
متجاور -30° +30°
- 6B7172
Rich Pewter
- 6B7170
≈ Almost Charcoal
- 6C7074
≈ High-Speed Steel
ثلاثي +120° +240°
- 6B7172
Rich Pewter
- 726E72
≈ Smoked Pearl
- 71706B
≈ Hulett Ore
متمم منقسم +150° +210°
- 6B7172
Rich Pewter
- 746E70
≈ Emu
- 736F6B
≈ Hulett Ore
رباعي +90° +180° +270°
- 6B7172
Rich Pewter
- 706F74
≈ High-Speed Steel
- 746E6D
≈ Emu
- 6F706C
≈ Up in Smoke
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.96:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 4.23:1 · APCA Lc 27
أفضل لون للنص: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rich-pewter: #6b7172;
--rich-pewter-rgb: 107 113 114;
--rich-pewter-oklch: oklch(0.544 0.007 208.8);
}
.element {
color: var(--rich-pewter);
background-color: hsl(189 3% 43%);
border-color: oklch(0.544 0.007 208.8);
}Tailwind CSS v4
@theme {
--color-rich-pewter: #6b7172;
--color-rich-pewter-50: #f3f6f6;
--color-rich-pewter-100: #e5e8e9;
--color-rich-pewter-200: #d1d5d6;
--color-rich-pewter-300: #b3b8b9;
--color-rich-pewter-400: #9aa0a1;
--color-rich-pewter-500: #818889;
--color-rich-pewter-600: #6d7374;
--color-rich-pewter-700: #575c5d;
--color-rich-pewter-800: #3f4344;
--color-rich-pewter-900: #2c2e2f;
--color-rich-pewter-950: #191b1b;
}SCSS
$rich-pewter: #6b7172;
$rich-pewter-rgb: 107, 113, 114;
$rich-pewter-light: mix(#fff, $rich-pewter, 20%);
$rich-pewter-dark: mix(#000, $rich-pewter, 20%);
.element {
color: $rich-pewter;
box-shadow: 0 0 0 2px rgba($rich-pewter, 0.35);
}