Adlandırılmış renk · #6B7172
Rich Pewter
Rich Pewter, #6B7172: rgb(107 113 114), hsl(189 3% 43%), oklch(0.544 0.007 208.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Rich Pewter color name →
#6B7172
oklch(0.544 0.007 208.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 797E7F
- 878C8C
- 95999A
- A3A7A8
- B2B5B6
- C1C4C4
- D0D2D3
- E0E1E1
- EFF0F0
Koyu tonlar
- 5C6162
- 4E5253
- 3F4344
- 323536
- 252728
- 181A1B
- 0D0E0E
- 040404
- 000101
Gri tonlar
- 6D7273
- 6F7475
- 717576
- 737778
- 757879
- 787A7A
- 7A7B7C
- 7C7D7D
- 7E7E7F
Renk uyumları
Tamamlayıcı +180°
- 6B7172
Rich Pewter
- 746E6D
≈ Emu
Analog -30° +30°
- 6B7172
Rich Pewter
- 6B7170
≈ Almost Charcoal
- 6C7074
≈ High-Speed Steel
Üçlü +120° +240°
- 6B7172
Rich Pewter
- 726E72
≈ Smoked Pearl
- 71706B
≈ Hulett Ore
Bölünmüş tamamlayıcı +150° +210°
- 6B7172
Rich Pewter
- 746E70
≈ Emu
- 736F6B
≈ Hulett Ore
Dörtlü +90° +180° +270°
- 6B7172
Rich Pewter
- 706F74
≈ High-Speed Steel
- 746E6D
≈ Emu
- 6F706C
≈ Up in Smoke
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.96:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.23:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
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);
}