Adlandırılmış renk · #A5B5AC
Smokey Slate
Smokey Slate, #A5B5AC: rgb(165 181 172), hsl(146 10% 68%), oklch(0.758 0.022 161.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? → · Smokey Slate color name →
#A5B5AC
oklch(0.758 0.022 161.3)
Renk dönüşümleri
- HEX
- #a5b5ac
- RGB
- rgb(165 181 172)
- HSL
- hsl(146 10% 68%)
- HWB
- hwb(146 65% 29%)
- OKLCH
- oklch(0.758 0.022 161.3)
- OKLab
- oklab(0.758 -0.021 0.007)
- CIE Lab
- lab(72.23 -7.06 2.61)
- LCH
- lch(72.23 7.53 159.8)
- CMYK
- cmyk(9% 0% 5% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEBCB4
- B6C3BC
- BFCBC4
- C8D2CC
- D1D9D5
- DAE1DD
- E3E8E5
- EDF0EE
- F6F7F6
Koyu tonlar
- 8F9D95
- 79867F
- 656F69
- 515954
- 3D4440
- 2B302D
- 1A1D1B
- 0A0C0B
- 010201
Gri tonlar
- A1B0A7
- 9EAAA3
- 9AA59F
- 969F9A
- 929A96
- 8F9591
- 8B908D
- 878A89
- 848584
Renk uyumları
Tamamlayıcı +180°
- A5B5AC
Smokey Slate
- BBABB4
≈ Angel Finger
Analog -30° +30°
- A5B5AC
Smokey Slate
- ACB4A5
≈ Forever Green
- A1B5B4
≈ Holly Glen
Üçlü +120° +240°
- A5B5AC
Smokey Slate
- AEAFBE
≈ Polar Mist
- BDACA6
≈ Mushroom
Bölünmüş tamamlayıcı +150° +210°
- A5B5AC
Smokey Slate
- B5ADBB
≈ Audition
- BEABAD
≈ Moire
Dörtlü +90° +180° +270°
- A5B5AC
Smokey Slate
- A7B2BE
≈ Grey Agate
- BBABB4
≈ Angel Finger
- BAAEA2
≈ Nightingale Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.14:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.80:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.80:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--smokey-slate: #a5b5ac;
--smokey-slate-rgb: 165 181 172;
--smokey-slate-oklch: oklch(0.758 0.022 161.3);
}
.element {
color: var(--smokey-slate);
background-color: hsl(146 10% 68%);
border-color: oklch(0.758 0.022 161.3);
}Tailwind CSS v4
@theme {
--color-smokey-slate: #a5b5ac;
--color-smokey-slate-50: #f0f7f3;
--color-smokey-slate-100: #e2eae6;
--color-smokey-slate-200: #ccd7d1;
--color-smokey-slate-300: #aebbb4;
--color-smokey-slate-400: #94a39a;
--color-smokey-slate-500: #7a8b82;
--color-smokey-slate-600: #67766e;
--color-smokey-slate-700: #535e58;
--color-smokey-slate-800: #3c4540;
--color-smokey-slate-900: #29302c;
--color-smokey-slate-950: #171c19;
}SCSS
$smokey-slate: #a5b5ac;
$smokey-slate-rgb: 165, 181, 172;
$smokey-slate-light: mix(#fff, $smokey-slate, 20%);
$smokey-slate-dark: mix(#000, $smokey-slate, 20%);
.element {
color: $smokey-slate;
box-shadow: 0 0 0 2px rgba($smokey-slate, 0.35);
}