Color con nombre · #8A534E
Saddlebag
Saddlebag es #8A534E: rgb(138 83 78), hsl(5 28% 42%), oklch(0.504 0.075 25.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Saddlebag color name →
#8A534E
oklch(0.504 0.075 25.6)
Conversiones de color
- HEX
- #8a534e
- RGB
- rgb(138 83 78)
- HSL
- hsl(5 28% 42%)
- HWB
- hwb(5 31% 46%)
- OKLCH
- oklch(0.504 0.075 25.6)
- OKLab
- oklab(0.504 0.067 0.032)
- CIE Lab
- lab(41.72 23.11 13.19)
- LCH
- lch(41.72 26.61 29.7)
- CMYK
- cmyk(0% 40% 43% 46%)
Tintes · Sombras · Tonos
Tintes
- 96635E
- A2736F
- AE8480
- BA9591
- C5A6A2
- D1B7B4
- DDC9C7
- E8DBD9
- F4EDEC
Sombras
- 774743
- 653B38
- 53302D
- 422523
- 321B19
- 22110F
- 140807
- 070202
- 010000
Tonos
- 8A5853
- 895C58
- 88615D
- 886662
- 876A67
- 866E6C
- 857371
- 837776
- 827C7B
Armonías de color
Complementario +180°
- 8A534E
Saddlebag
- 227079
≈ King Tide
Análogo -30° +30°
- 8A534E
Saddlebag
- 865266
≈ Raspberry Crush
- 855939
≈ Football
Triádico +120° +240°
- 8A534E
Saddlebag
- 48704A
≈ Fairway
- 50638F
≈ Dutch Blue
Complementario dividido +150° +210°
- 8A534E
Saddlebag
- 2D7262
≈ Nordic Forest
- 356B89
≈ Faience
Tetrádico +90° +180° +270°
- 8A534E
Saddlebag
- 626A36
≈ Heavy Khaki
- 227079
≈ King Tide
- 685B8A
≈ Idol
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.12:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.42:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--saddlebag: #8a534e;
--saddlebag-rgb: 138 83 78;
--saddlebag-oklch: oklch(0.504 0.075 25.6);
}
.element {
color: var(--saddlebag);
background-color: hsl(5 28% 42%);
border-color: oklch(0.504 0.075 25.6);
}Tailwind CSS v4
@theme {
--color-saddlebag: #8a534e;
--color-saddlebag-50: #ffeeea;
--color-saddlebag-100: #ffdfda;
--color-saddlebag-200: #f3c9c3;
--color-saddlebag-300: #dba9a3;
--color-saddlebag-400: #c78e88;
--color-saddlebag-500: #b2736c;
--color-saddlebag-600: #97615c;
--color-saddlebag-700: #794e49;
--color-saddlebag-800: #5a3836;
--color-saddlebag-900: #3f2625;
--color-saddlebag-950: #281513;
}SCSS
$saddlebag: #8a534e;
$saddlebag-rgb: 138, 83, 78;
$saddlebag-light: mix(#fff, $saddlebag, 20%);
$saddlebag-dark: mix(#000, $saddlebag, 20%);
.element {
color: $saddlebag;
box-shadow: 0 0 0 2px rgba($saddlebag, 0.35);
}