Nazwany kolor · #B2ACA9
Smoky Wings
Smoky Wings to #B2ACA9: rgb(178 172 169), hsl(20 6% 68%), oklch(0.749 0.008 48.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Smoky Wings color name →
#B2ACA9
oklch(0.749 0.008 48.6)
Konwersje koloru
- HEX
- #b2aca9
- RGB
- rgb(178 172 169)
- HSL
- hsl(20 6% 68%)
- HWB
- hwb(20 66% 30%)
- OKLCH
- oklch(0.749 0.008 48.6)
- OKLab
- oklab(0.749 0.005 0.006)
- CIE Lab
- lab(70.79 1.81 2.35)
- LCH
- lch(70.79 2.97 52.4)
- CMYK
- cmyk(0% 3% 5% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9B4B1
- C1BCBA
- C9C4C2
- D0CCCB
- D8D5D3
- E0DDDC
- E7E5E5
- EFEEED
- F7F6F6
Odcienie ciemniejsze
- 9A9592
- 837F7C
- 6D6967
- 575453
- 43403F
- 2F2D2C
- 1D1B1B
- 0C0B0A
- 010101
Tony
- ADA7A5
- A8A3A1
- A39F9C
- 9E9A98
- 999694
- 949190
- 8F8D8C
- 8A8988
- 858484
Harmonie kolorów
Komplementarna +180°
- B2ACA9
Smoky Wings
- A8AFB2
≈ Mirror Mirror
Analogowa -30° +30°
- B2ACA9
Smoky Wings
- B3ABAB
≈ Silver Service
- B0ADA8
≈ Dove
Triada +120° +240°
- B2ACA9
Smoky Wings
- A9AFAC
≈ Wintry Sky
- ADADB2
≈ Grey Timberwolf
Komplementarna rozszczepiona +150° +210°
- B2ACA9
Smoky Wings
- A8AFAF
≈ Puritan Grey
- AAAEB3
≈ Grey Timberwolf
Tetrada +90° +180° +270°
- B2ACA9
Smoky Wings
- ABAFAA
≈ Gull Wing
- A8AFB2
≈ Mirror Mirror
- B0ACB1
≈ Pinch Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.36:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoky-wings: #b2aca9;
--smoky-wings-rgb: 178 172 169;
--smoky-wings-oklch: oklch(0.749 0.008 48.6);
}
.element {
color: var(--smoky-wings);
background-color: hsl(20 6% 68%);
border-color: oklch(0.749 0.008 48.6);
}Tailwind CSS v4
@theme {
--color-smoky-wings: #b2aca9;
--color-smoky-wings-50: #f7f4f3;
--color-smoky-wings-100: #eae7e5;
--color-smoky-wings-200: #d7d3d1;
--color-smoky-wings-300: #bbb6b4;
--color-smoky-wings-400: #a39d9a;
--color-smoky-wings-500: #8b8581;
--color-smoky-wings-600: #76706e;
--color-smoky-wings-700: #5e5a58;
--color-smoky-wings-800: #454240;
--color-smoky-wings-900: #302d2c;
--color-smoky-wings-950: #1c1a19;
}SCSS
$smoky-wings: #b2aca9;
$smoky-wings-rgb: 178, 172, 169;
$smoky-wings-light: mix(#fff, $smoky-wings, 20%);
$smoky-wings-dark: mix(#000, $smoky-wings, 20%);
.element {
color: $smoky-wings;
box-shadow: 0 0 0 2px rgba($smoky-wings, 0.35);
}