Cor nomeada · #B79E94
Big Horn Mountains
Big Horn Mountains é #B79E94: rgb(183 158 148), hsl(17 20% 65%), oklch(0.719 0.033 43). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Big Horn Mountains color name →
#B79E94
oklch(0.719 0.033 43)
Conversões de cor
- HEX
- #b79e94
- RGB
- rgb(183 158 148)
- HSL
- hsl(17 20% 65%)
- HWB
- hwb(17 58% 28%)
- OKLCH
- oklch(0.719 0.033 43)
- OKLab
- oklab(0.719 0.024 0.023)
- CIE Lab
- lab(67.16 8.31 8.82)
- LCH
- lch(67.16 12.12 46.7)
- CMYK
- cmyk(0% 14% 19% 28%)
Tons claros · Sombras · Tons
Tons claros
- BEA79E
- C5B1A9
- CCBAB3
- D4C4BE
- DBCEC8
- E2D7D3
- E9E1DE
- F0EBE9
- F8F5F4
Sombras
- 9F8980
- 87746D
- 70605A
- 5A4D48
- 453A36
- 312926
- 1E1816
- 0C0908
- 020101
Tons
- B19B92
- AC9890
- A6958E
- A1928C
- 9B8F8A
- 968C88
- 908986
- 8B8684
- 858382
Harmonias de cor
Complementar +180°
- B79E94
Big Horn Mountains
- 8FA9B3
≈ Windsurf
Análoga -30° +30°
- B79E94
Big Horn Mountains
- B89C9E
≈ Violet Dusk
- B1A18E
≈ Light Spice
Tríade +120° +240°
- B79E94
Big Horn Mountains
- 92AB9E
≈ Rare Happening
- A1A2B9
≈ Royal Mile
Complementar dividida +150° +210°
- B79E94
Big Horn Mountains
- 8DABAA
≈ Oceanus
- 96A6B9
≈ Moon Shadow
Tétrade +90° +180° +270°
- B79E94
Big Horn Mountains
- 9CA994
≈ Bushel
- 8FA9B3
≈ Windsurf
- AB9EB3
≈ Grapeade
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.33:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--big-horn-mountains: #b79e94;
--big-horn-mountains-rgb: 183 158 148;
--big-horn-mountains-oklch: oklch(0.719 0.033 43);
}
.element {
color: var(--big-horn-mountains);
background-color: hsl(17 20% 65%);
border-color: oklch(0.719 0.033 43);
}Tailwind CSS v4
@theme {
--color-big-horn-mountains: #b79e94;
--color-big-horn-mountains-50: #fef2ed;
--color-big-horn-mountains-100: #f2e5df;
--color-big-horn-mountains-200: #e1d0c9;
--color-big-horn-mountains-300: #c7b3aa;
--color-big-horn-mountains-400: #b0998f;
--color-big-horn-mountains-500: #9a8075;
--color-big-horn-mountains-600: #826c63;
--color-big-horn-mountains-700: #68564f;
--color-big-horn-mountains-800: #4d3f3a;
--color-big-horn-mountains-900: #352b27;
--color-big-horn-mountains-950: #201916;
}SCSS
$big-horn-mountains: #b79e94;
$big-horn-mountains-rgb: 183, 158, 148;
$big-horn-mountains-light: mix(#fff, $big-horn-mountains, 20%);
$big-horn-mountains-dark: mix(#000, $big-horn-mountains, 20%);
.element {
color: $big-horn-mountains;
box-shadow: 0 0 0 2px rgba($big-horn-mountains, 0.35);
}