Nazwany kolor · #A7A5A3
Smokey Wings
Smokey Wings to #A7A5A3: rgb(167 165 163), hsl(30 2% 65%), oklch(0.723 0.004 67.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Smokey Wings color name →
#A7A5A3
oklch(0.723 0.004 67.8)
Konwersje koloru
- HEX
- #a7a5a3
- RGB
- rgb(167 165 163)
- HSL
- hsl(30 2% 65%)
- HWB
- hwb(30 64% 35%)
- OKLCH
- oklch(0.723 0.004 67.8)
- OKLab
- oklab(0.723 0.001 0.003)
- CIE Lab
- lab(67.87 0.46 1.31)
- LCH
- lch(67.87 1.39 70.4)
- CMYK
- cmyk(0% 1% 2% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFAEAC
- B8B6B5
- C1BFBE
- C9C8C7
- D2D1D0
- DBDAD9
- E4E3E3
- EDECEC
- F6F6F5
Odcienie ciemniejsze
- 918F8D
- 7B7978
- 666563
- 52514F
- 3E3D3C
- 2C2B2A
- 1A1A19
- 0A0A0A
- 010101
Tony
- A3A19F
- 9F9D9C
- 9B9A98
- 979695
- 939291
- 8F8F8E
- 8C8B8A
- 888787
- 848483
Harmonie kolorów
Komplementarna +180°
- A7A5A3
Smokey Wings
- A4A6A8
≈ Quicksilver
Analogowa -30° +30°
- A7A5A3
Smokey Wings
- A8A5A4
≈ Smokey Wings
- A6A5A3
≈ Smokey Wings
Triada +120° +240°
- A7A5A3
Smokey Wings
- A3A6A6
≈ Chain Reaction
- A6A5A7
≈ Rainy Grey
Komplementarna rozszczepiona +150° +210°
- A7A5A3
Smokey Wings
- A3A6A7
≈ Ironbreaker Metal
- A5A5A8
≈ Lionfish
Tetrada +90° +180° +270°
- A7A5A3
Smokey Wings
- A4A6A4
≈ Chain Reaction
- A4A6A8
≈ Quicksilver
- A7A5A6
≈ Quicksilver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.55:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--smokey-wings: #a7a5a3;
--smokey-wings-rgb: 167 165 163;
--smokey-wings-oklch: oklch(0.723 0.004 67.8);
}
.element {
color: var(--smokey-wings);
background-color: hsl(30 2% 65%);
border-color: oklch(0.723 0.004 67.8);
}Tailwind CSS v4
@theme {
--color-smokey-wings: #a7a5a3;
--color-smokey-wings-50: #f6f5f4;
--color-smokey-wings-100: #e9e8e6;
--color-smokey-wings-200: #d5d4d2;
--color-smokey-wings-300: #b8b7b5;
--color-smokey-wings-400: #a09e9c;
--color-smokey-wings-500: #888684;
--color-smokey-wings-600: #73716f;
--color-smokey-wings-700: #5c5a59;
--color-smokey-wings-800: #434241;
--color-smokey-wings-900: #2e2e2d;
--color-smokey-wings-950: #1b1a1a;
}SCSS
$smokey-wings: #a7a5a3;
$smokey-wings-rgb: 167, 165, 163;
$smokey-wings-light: mix(#fff, $smokey-wings, 20%);
$smokey-wings-dark: mix(#000, $smokey-wings, 20%);
.element {
color: $smokey-wings;
box-shadow: 0 0 0 2px rgba($smokey-wings, 0.35);
}