Color con nombre · #A0522D
Texas Ranger Brown
Texas Ranger Brown es #A0522D: rgb(160 82 45), hsl(19 56% 40%), oklch(0.526 0.115 44.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Texas Ranger Brown color name →
#A0522D
oklch(0.526 0.115 44.6)
Conversiones de color
- HEX
- #a0522d
- RGB
- rgb(160 82 45)
- HSL
- hsl(19 56% 40%)
- HWB
- hwb(19 18% 37%)
- OKLCH
- oklch(0.526 0.115 44.6)
- OKLab
- oklab(0.526 0.082 0.081)
- CIE Lab
- lab(44.27 30.91 36.35)
- LCH
- lch(44.27 47.71 49.6)
- CMYK
- cmyk(0% 49% 72% 37%)
Tintes · Sombras · Tonos
Tintes
- AB6343
- B57457
- BF856C
- C99680
- D2A794
- DCB8A9
- E5CABE
- EEDBD4
- F6EDE9
Sombras
- 8B4626
- 763B1F
- 612F18
- 4E2511
- 3B1A0B
- 291106
- 190802
- 090201
- 010000
Tonos
- 9E5737
- 9B5D40
- 986249
- 966651
- 936B59
- 8F6F61
- 8C7469
- 887871
- 847C78
Armonías de color
Complementario +180°
- A0522D
Texas Ranger Brown
- 007695
≈ Blue Luxury
Análogo -30° +30°
- A0522D
Texas Ranger Brown
- A24B56
≈ Black Pudding
- 906000
≈ Rat Brown
Triádico +120° +240°
- A0522D
Texas Ranger Brown
- 007E5A
≈ Sharp Green
- 6460AA
≈ Blue Iris
Complementario dividido +150° +210°
- A0522D
Texas Ranger Brown
- 007B7A
≈ Buzzards Bay
- 386CAC
≈ Nocturne Shade
Tetrádico +90° +180° +270°
- A0522D
Texas Ranger Brown
- 4D792F
≈ Luscious Lemongrass
- 007695
≈ Blue Luxury
- 835498
≈ Royal Lilac
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.61:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.73:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--texas-ranger-brown: #a0522d;
--texas-ranger-brown-rgb: 160 82 45;
--texas-ranger-brown-oklch: oklch(0.526 0.115 44.6);
}
.element {
color: var(--texas-ranger-brown);
background-color: hsl(19 56% 40%);
border-color: oklch(0.526 0.115 44.6);
}Tailwind CSS v4
@theme {
--color-texas-ranger-brown: #a0522d;
--color-texas-ranger-brown-50: #ffecda;
--color-texas-ranger-brown-100: #ffddc8;
--color-texas-ranger-brown-200: #ffc6ab;
--color-texas-ranger-brown-300: #e9a585;
--color-texas-ranger-brown-400: #d78864;
--color-texas-ranger-brown-500: #c46a41;
--color-texas-ranger-brown-600: #a55b38;
--color-texas-ranger-brown-700: #85482c;
--color-texas-ranger-brown-800: #633420;
--color-texas-ranger-brown-900: #462315;
--color-texas-ranger-brown-950: #2d1207;
}SCSS
$texas-ranger-brown: #a0522d;
$texas-ranger-brown-rgb: 160, 82, 45;
$texas-ranger-brown-light: mix(#fff, $texas-ranger-brown, 20%);
$texas-ranger-brown-dark: mix(#000, $texas-ranger-brown, 20%);
.element {
color: $texas-ranger-brown;
box-shadow: 0 0 0 2px rgba($texas-ranger-brown, 0.35);
}