Color con nombre · #A3876A
Sandal
Sandal es #A3876A: rgb(163 135 106), hsl(31 24% 53%), oklch(0.642 0.053 67.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Sandal color name →
#A3876A
oklch(0.642 0.053 67.6)
Conversiones de color
- HEX
- #a3876a
- RGB
- rgb(163 135 106)
- HSL
- hsl(31 24% 53%)
- HWB
- hwb(31 42% 36%)
- OKLCH
- oklch(0.642 0.053 67.6)
- OKLab
- oklab(0.642 0.02 0.049)
- CIE Lab
- lab(58.41 7.85 19.84)
- LCH
- lch(58.41 21.34 68.4)
- CMYK
- cmyk(0% 17% 35% 36%)
Tintes · Sombras · Tonos
Tintes
- AC9278
- B59E87
- BEAA95
- C7B6A4
- D1C2B3
- DACEC2
- E3DAD1
- ECE6E0
- F6F2EF
Sombras
- 8D755B
- 78634D
- 63513F
- 4F4131
- 3C3124
- 2A2118
- 19130D
- 0A0604
- 010100
Tonos
- A0866C
- 9C866F
- 998571
- 958473
- 928476
- 8E8378
- 8B827A
- 87827C
- 84817E
Armonías de color
Complementario +180°
- A3876A
Sandal
- 7390AC
≈ Identity
Análogo -30° +30°
- A3876A
Sandal
- AA8276
≈ Hickory Branch
- 958D68
≈ Tate Olive
Triádico +120° +240°
- A3876A
Sandal
- 669892
≈ Green Turquoise
- 9684A6
≈ Purple Phantom
Complementario dividido +150° +210°
- A3876A
Sandal
- 6795A2
≈ Shore Water
- 848AAE
≈ Skysail Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.37:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.23:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--sandal: #a3876a;
--sandal-rgb: 163 135 106;
--sandal-oklch: oklch(0.642 0.053 67.6);
}
.element {
color: var(--sandal);
background-color: hsl(31 24% 53%);
border-color: oklch(0.642 0.053 67.6);
}Tailwind CSS v4
@theme {
--color-sandal: #a3876a;
--color-sandal-50: #fff3e5;
--color-sandal-100: #f4e5d5;
--color-sandal-200: #e4d1bc;
--color-sandal-300: #cab39a;
--color-sandal-400: #b4997d;
--color-sandal-500: #9e8060;
--color-sandal-600: #866c52;
--color-sandal-700: #6b5641;
--color-sandal-800: #4f3f2f;
--color-sandal-900: #372b20;
--color-sandal-950: #22180f;
}SCSS
$sandal: #a3876a;
$sandal-rgb: 163, 135, 106;
$sandal-light: mix(#fff, $sandal, 20%);
$sandal-dark: mix(#000, $sandal, 20%);
.element {
color: $sandal;
box-shadow: 0 0 0 2px rgba($sandal, 0.35);
}