Adlandırılmış renk · #515763
Dark Mineral
Dark Mineral, #515763: rgb(81 87 99), hsl(220 10% 35%), oklch(0.456 0.021 264.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dark Mineral color name →
#515763
oklch(0.456 0.021 264.3)
Renk dönüşümleri
- HEX
- #515763
- RGB
- rgb(81 87 99)
- HSL
- hsl(220 10% 35%)
- HWB
- hwb(220 32% 61%)
- OKLCH
- oklch(0.456 0.021 264.3)
- OKLab
- oklab(0.456 -0.002 -0.021)
- CIE Lab
- lab(36.78 -0.33 -7.81)
- LCH
- lch(36.78 7.82 267.6)
- CMYK
- cmyk(18% 12% 0% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 616671
- 717680
- 81868F
- 92969E
- A4A7AE
- B5B8BE
- C7C9CE
- DADBDE
- ECEDEE
Koyu tonlar
- 454B55
- 3A3E47
- 2F333A
- 24272E
- 1A1C21
- 101216
- 07080B
- 020303
- 000000
Gri tonlar
- 565B66
- 5A5F69
- 5F636C
- 63676F
- 686B71
- 6D6F74
- 727377
- 76787A
- 7B7C7D
Renk uyumları
Tamamlayıcı +180°
- 515763
Dark Mineral
- 5C564A
≈ Wanderer
Analog -30° +30°
- 515763
Dark Mineral
- 4C5961
≈ Fiord
- 575562
≈ Black Dragon’s Cauldron
Üçlü +120° +240°
- 515763
Dark Mineral
- 625351
≈ Nighthawk
- 505A50
≈ Hidden Forest
Bölünmüş tamamlayıcı +150° +210°
- 515763
Dark Mineral
- 61544C
≈ Ground Coffee
- 56584B
≈ Beetle
Dörtlü +90° +180° +270°
- 515763
Dark Mineral
- 615258
≈ Pinot Noir
- 5C564A
≈ Wanderer
- 4B5B56
≈ Hostaleaf
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.25:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.89:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--dark-mineral: #515763;
--dark-mineral-rgb: 81 87 99;
--dark-mineral-oklch: oklch(0.456 0.021 264.3);
}
.element {
color: var(--dark-mineral);
background-color: hsl(220 10% 35%);
border-color: oklch(0.456 0.021 264.3);
}Tailwind CSS v4
@theme {
--color-dark-mineral: #515763;
--color-dark-mineral-50: #f2f5fb;
--color-dark-mineral-100: #e4e8ef;
--color-dark-mineral-200: #d0d4de;
--color-dark-mineral-300: #b2b7c3;
--color-dark-mineral-400: #989fab;
--color-dark-mineral-500: #7f8695;
--color-dark-mineral-600: #6c727e;
--color-dark-mineral-700: #565b65;
--color-dark-mineral-800: #3e434a;
--color-dark-mineral-900: #2b2e33;
--color-dark-mineral-950: #181b1f;
}SCSS
$dark-mineral: #515763;
$dark-mineral-rgb: 81, 87, 99;
$dark-mineral-light: mix(#fff, $dark-mineral, 20%);
$dark-mineral-dark: mix(#000, $dark-mineral, 20%);
.element {
color: $dark-mineral;
box-shadow: 0 0 0 2px rgba($dark-mineral, 0.35);
}