Color con nombre más cercano · #502526
#502526
Color con nombre más cercano: Lonestar
#502526 (rgb(80 37 38), hsl(359 37% 23%), oklch(0.324 0.065 19.9)) se parece más al color con nombre Lonestar. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#502526
oklch(0.324 0.065 19.9)
Conversiones de color
- HEX
- #502526
- RGB
- rgb(80 37 38)
- HSL
- hsl(359 37% 23%)
- HWB
- hwb(359 15% 69%)
- OKLCH
- oklch(0.324 0.065 19.9)
- OKLab
- oklab(0.324 0.061 0.022)
- CIE Lab
- lab(20.94 20.64 9.12)
- LCH
- lch(20.94 22.57 23.8)
- CMYK
- cmyk(0% 54% 52% 69%)
Tintes · Sombras · Tonos
Tintes
- 613839
- 724C4C
- 836160
- 957675
- A68B8B
- B7A2A1
- C9B8B8
- DBCFCF
- EDE7E7
Sombras
- 441F20
- 391919
- 2E1313
- 240D0D
- 1A0808
- 100404
- 070202
- 020001
- 000000
Tonos
- 552E2E
- 5B3737
- 60403F
- 654948
- 6A5251
- 6E5B5A
- 736463
- 776D6D
- 7C7776
Armonías de color
Complementario +180°
- 502526
Lonestar
- 003C3F
≈ Ghostlands Coal
Análogo -30° +30°
- 502526
Lonestar
- 4C2539
≈ Prestige Mauve
- 4E2913
≈ Bittersweet Chocolate
Triádico +120° +240°
- 502526
Lonestar
- 213C1B
≈ Queen of Trees
- 203455
≈ Boatswain
Complementario dividido +150° +210°
- 502526
Lonestar
- 003E2F
≈ Mizukaze Green
- 00394E
≈ Gibraltar Sea
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.85:1 · APCA Lc 99
Ag
FailSobre negro
WCAG 1.63:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.85:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--lonestar: #502526;
--lonestar-rgb: 80 37 38;
--lonestar-oklch: oklch(0.324 0.065 19.9);
}
.element {
color: var(--lonestar);
background-color: hsl(359 37% 23%);
border-color: oklch(0.324 0.065 19.9);
}Tailwind CSS v4
@theme {
--color-lonestar: #502526;
--color-lonestar-50: #ffeeed;
--color-lonestar-100: #fde0de;
--color-lonestar-200: #efcac8;
--color-lonestar-300: #d7aba9;
--color-lonestar-400: #c2908f;
--color-lonestar-500: #ad7574;
--color-lonestar-600: #926363;
--color-lonestar-700: #754f4f;
--color-lonestar-800: #57393a;
--color-lonestar-900: #3d2728;
--color-lonestar-950: #261516;
}SCSS
$lonestar: #502526;
$lonestar-rgb: 80, 37, 38;
$lonestar-light: mix(#fff, $lonestar, 20%);
$lonestar-dark: mix(#000, $lonestar, 20%);
.element {
color: $lonestar;
box-shadow: 0 0 0 2px rgba($lonestar, 0.35);
}