Adlandırılmış renk · #888D8F
Leadbelcher Metal
Leadbelcher Metal, #888D8F: rgb(136 141 143), hsl(197 3% 55%), oklch(0.64 0.007 223.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Leadbelcher Metal color name →
#888D8F
oklch(0.64 0.007 223.5)
Renk dönüşümleri
- HEX
- #888d8f
- RGB
- rgb(136 141 143)
- HSL
- hsl(197 3% 55%)
- HWB
- hwb(197 53% 44%)
- OKLCH
- oklch(0.64 0.007 223.5)
- OKLab
- oklab(0.64 -0.005 -0.005)
- CIE Lab
- lab(58.26 -1.59 -1.74)
- LCH
- lch(58.26 2.36 227.5)
- CMYK
- cmyk(5% 1% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 93989A
- 9FA3A4
- AAAEAF
- B6B9BA
- C2C4C6
- CED0D1
- DADCDC
- E6E7E8
- F3F3F3
Koyu tonlar
- 757A7C
- 636769
- 525557
- 414445
- 313334
- 222324
- 131415
- 060707
- 010101
Gri tonlar
- 878C8D
- 868A8C
- 86898A
- 858889
- 848687
- 838586
- 828484
- 828383
- 818181
Renk uyumları
Tamamlayıcı +180°
- 888D8F
Leadbelcher Metal
- 908B89
≈ Creek Bend
Analog -30° +30°
- 888D8F
Leadbelcher Metal
- 888D8D
≈ City Storm
- 898C90
≈ Stone Cairn
Üçlü +120° +240°
- 888D8F
Leadbelcher Metal
- 8F8B8D
≈ Shining Armour
- 8D8C88
≈ Wild Dove
Bölünmüş tamamlayıcı +150° +210°
- 888D8F
Leadbelcher Metal
- 908A8B
≈ Zinc
- 8F8C88
≈ Rocky Ridge
Dörtlü +90° +180° +270°
- 888D8F
Leadbelcher Metal
- 8D8B8F
≈ Vessel Grey
- 908B89
≈ Creek Bend
- 8A8D89
≈ Wild Dove
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.35:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.25:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--leadbelcher-metal: #888d8f;
--leadbelcher-metal-rgb: 136 141 143;
--leadbelcher-metal-oklch: oklch(0.64 0.007 223.5);
}
.element {
color: var(--leadbelcher-metal);
background-color: hsl(197 3% 55%);
border-color: oklch(0.64 0.007 223.5);
}Tailwind CSS v4
@theme {
--color-leadbelcher-metal: #888d8f;
--color-leadbelcher-metal-50: #f3f5f6;
--color-leadbelcher-metal-100: #e6e8e9;
--color-leadbelcher-metal-200: #d1d5d6;
--color-leadbelcher-metal-300: #b4b8ba;
--color-leadbelcher-metal-400: #9a9fa1;
--color-leadbelcher-metal-500: #828789;
--color-leadbelcher-metal-600: #6e7274;
--color-leadbelcher-metal-700: #585b5d;
--color-leadbelcher-metal-800: #404344;
--color-leadbelcher-metal-900: #2c2e2f;
--color-leadbelcher-metal-950: #191b1b;
}SCSS
$leadbelcher-metal: #888d8f;
$leadbelcher-metal-rgb: 136, 141, 143;
$leadbelcher-metal-light: mix(#fff, $leadbelcher-metal, 20%);
$leadbelcher-metal-dark: mix(#000, $leadbelcher-metal, 20%);
.element {
color: $leadbelcher-metal;
box-shadow: 0 0 0 2px rgba($leadbelcher-metal, 0.35);
}