Adlandırılmış renk · #8E8583
Mine Rock
Mine Rock, #8E8583: rgb(142 133 131), hsl(11 5% 54%), oklch(0.624 0.011 32.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? → · Mine Rock color name →
#8E8583
oklch(0.624 0.011 32.5)
Renk dönüşümleri
- HEX
- #8e8583
- RGB
- rgb(142 133 131)
- HSL
- hsl(11 5% 54%)
- HWB
- hwb(11 51% 44%)
- OKLCH
- oklch(0.624 0.011 32.5)
- OKLab
- oklab(0.624 0.01 0.006)
- CIE Lab
- lab(56.3 3.22 2.36)
- LCH
- lch(56.3 4 36.2)
- CMYK
- cmyk(0% 6% 8% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99918F
- A49C9B
- AFA8A7
- BAB4B3
- C5C0BF
- D0CCCC
- DCD9D8
- E7E5E5
- F3F2F2
Koyu tonlar
- 7B7371
- 686160
- 56504F
- 44403F
- 34302F
- 242120
- 151312
- 070606
- 010101
Gri tonlar
- 8D8583
- 8B8482
- 8A8482
- 888382
- 878382
- 868281
- 848281
- 838181
- 818180
Renk uyumları
Tamamlayıcı +180°
- 8E8583
Mine Rock
- 80898B
≈ Pirate Silver
Analog -30° +30°
- 8E8583
Mine Rock
- 8E8587
≈ Purpura
- 8D8681
≈ Petrified
Üçlü +120° +240°
- 8E8583
Mine Rock
- 828984
≈ Valley Hills
- 85878E
≈ Whale Tail
Bölünmüş tamamlayıcı +150° +210°
- 8E8583
Mine Rock
- 808A88
≈ Pirate Silver
- 82888E
≈ Monument
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.60:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.83:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--mine-rock: #8e8583;
--mine-rock-rgb: 142 133 131;
--mine-rock-oklch: oklch(0.624 0.011 32.5);
}
.element {
color: var(--mine-rock);
background-color: hsl(11 5% 54%);
border-color: oklch(0.624 0.011 32.5);
}Tailwind CSS v4
@theme {
--color-mine-rock: #8e8583;
--color-mine-rock-50: #f8f4f3;
--color-mine-rock-100: #ebe7e5;
--color-mine-rock-200: #d9d3d1;
--color-mine-rock-300: #bdb5b3;
--color-mine-rock-400: #a59c9a;
--color-mine-rock-500: #8d8481;
--color-mine-rock-600: #786f6e;
--color-mine-rock-700: #605958;
--color-mine-rock-800: #464140;
--color-mine-rock-900: #312d2c;
--color-mine-rock-950: #1d1a19;
}SCSS
$mine-rock: #8e8583;
$mine-rock-rgb: 142, 133, 131;
$mine-rock-light: mix(#fff, $mine-rock, 20%);
$mine-rock-dark: mix(#000, $mine-rock, 20%);
.element {
color: $mine-rock;
box-shadow: 0 0 0 2px rgba($mine-rock, 0.35);
}