Nazwany kolor · #BEB2A5
Smokestack
Smokestack to #BEB2A5: rgb(190 178 165), hsl(31 16% 70%), oklch(0.77 0.023 69.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Smokestack color name →
#BEB2A5
oklch(0.77 0.023 69.7)
Konwersje koloru
- HEX
- #beb2a5
- RGB
- rgb(190 178 165)
- HSL
- hsl(31 16% 70%)
- HWB
- hwb(31 65% 25%)
- OKLCH
- oklch(0.77 0.023 69.7)
- OKLab
- oklab(0.77 0.008 0.021)
- CIE Lab
- lab(73.32 2.78 8.29)
- LCH
- lch(73.32 8.74 71.5)
- CMYK
- cmyk(0% 6% 13% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4B9AE
- CBC1B6
- D1C9BF
- D8D0C8
- DED8D1
- E5E0DA
- EBE7E3
- F2EFEC
- F8F7F6
Odcienie ciemniejsze
- A59A8F
- 8C8379
- 756D65
- 5E5751
- 48433D
- 332F2B
- 1F1D1A
- 0D0C0A
- 020101
Tony
- B8ADA1
- B1A89E
- ABA39A
- A59E96
- 9E9992
- 98948F
- 928F8B
- 8C8A87
- 868584
Harmonie kolorów
Komplementarna +180°
- BEB2A5
Smokestack
- AAB6C3
≈ Bluebeard
Analogowa -30° +30°
- BEB2A5
Smokestack
- C2B0AA
≈ Oak Ridge
- B7B5A5
≈ Afternoon Nap
Triada +120° +240°
- BEB2A5
Smokestack
- A5B9B7
≈ Gin Berry
- B9B0BF
≈ Virtuous Violet
Komplementarna rozszczepiona +150° +210°
- BEB2A5
Smokestack
- A5B8BE
≈ Languid Blue
- B1B3C3
≈ Fading Sunset
Tetrada +90° +180° +270°
- BEB2A5
Smokestack
- A8B9AF
≈ Quiet Teal
- AAB6C3
≈ Bluebeard
- BFAFB9
≈ Castle Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.10:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--smokestack: #beb2a5;
--smokestack-rgb: 190 178 165;
--smokestack-oklch: oklch(0.77 0.023 69.7);
}
.element {
color: var(--smokestack);
background-color: hsl(31 16% 70%);
border-color: oklch(0.77 0.023 69.7);
}Tailwind CSS v4
@theme {
--color-smokestack: #beb2a5;
--color-smokestack-50: #f9f4ee;
--color-smokestack-100: #ede7e0;
--color-smokestack-200: #dbd3ca;
--color-smokestack-300: #bfb6ab;
--color-smokestack-400: #a79c90;
--color-smokestack-500: #908476;
--color-smokestack-600: #7a7064;
--color-smokestack-700: #625950;
--color-smokestack-800: #48413a;
--color-smokestack-900: #322d28;
--color-smokestack-950: #1e1a16;
}SCSS
$smokestack: #beb2a5;
$smokestack-rgb: 190, 178, 165;
$smokestack-light: mix(#fff, $smokestack, 20%);
$smokestack-dark: mix(#000, $smokestack, 20%);
.element {
color: $smokestack;
box-shadow: 0 0 0 2px rgba($smokestack, 0.35);
}