Color con nombre · #B58853
Sand Mountain
Sand Mountain es #B58853: rgb(181 136 83), hsl(32 40% 52%), oklch(0.659 0.089 69.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Sand Mountain color name →
#B58853
oklch(0.659 0.089 69.8)
Conversiones de color
- HEX
- #b58853
- RGB
- rgb(181 136 83)
- HSL
- hsl(32 40% 52%)
- HWB
- hwb(32 33% 29%)
- OKLCH
- oklch(0.659 0.089 69.8)
- OKLab
- oklab(0.659 0.031 0.084)
- CIE Lab
- lab(60.3 13.17 35.25)
- LCH
- lch(60.3 37.63 69.5)
- CMYK
- cmyk(0% 25% 54% 29%)
Tintes · Sombras · Tonos
Tintes
- BD9465
- C49F76
- CCAB87
- D3B798
- DAC3A9
- E2CFBA
- E9DBCB
- F0E7DC
- F8F3ED
Sombras
- 9D7547
- 86633B
- 6F5230
- 594125
- 44311B
- 302211
- 1D1308
- 0C0602
- 020100
Tonos
- B08759
- AB875E
- A58663
- A08568
- 9B856C
- 968470
- 908374
- 8B8278
- 85817C
Armonías de color
Complementario +180°
- B58853
Sand Mountain
- 6796C6
≈ Eyeshadow Blue
Análogo -30° +30°
- B58853
Sand Mountain
- C17F68
≈ Kitchen Terra Cotta
- 9F9350
≈ Backroom Ember
Triádico +120° +240°
- B58853
Sand Mountain
- 45A39E
≈ Bahaman Bliss
- A283BB
≈ Lilac Purple
Complementario dividido +150° +210°
- B58853
Sand Mountain
- 4A9FB7
≈ Aquatic Cool
- 878CC8
≈ Bailey Bells
Tetrádico +90° +180° +270°
- B58853
Sand Mountain
- 5EA37F
≈ Plumosa
- 6796C6
≈ Eyeshadow Blue
- B77CA3
≈ Purple Cheeks
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.17:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.61:1 · APCA Lc 43
Mejor color de texto: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Fragmentos de código
CSS
:root {
--sand-mountain: #b58853;
--sand-mountain-rgb: 181 136 83;
--sand-mountain-oklch: oklch(0.659 0.089 69.8);
}
.element {
color: var(--sand-mountain);
background-color: hsl(32 40% 52%);
border-color: oklch(0.659 0.089 69.8);
}Tailwind CSS v4
@theme {
--color-sand-mountain: #b58853;
--color-sand-mountain-50: #fff2da;
--color-sand-mountain-100: #fbe4c8;
--color-sand-mountain-200: #edcfab;
--color-sand-mountain-300: #d4b085;
--color-sand-mountain-400: #c19563;
--color-sand-mountain-500: #ac7b3f;
--color-sand-mountain-600: #916837;
--color-sand-mountain-700: #74532b;
--color-sand-mountain-800: #573c1e;
--color-sand-mountain-900: #3d2914;
--color-sand-mountain-950: #261706;
}SCSS
$sand-mountain: #b58853;
$sand-mountain-rgb: 181, 136, 83;
$sand-mountain-light: mix(#fff, $sand-mountain, 20%);
$sand-mountain-dark: mix(#000, $sand-mountain, 20%);
.element {
color: $sand-mountain;
box-shadow: 0 0 0 2px rgba($sand-mountain, 0.35);
}