Color con nombre · #514B40
Arrowhead
Arrowhead es #514B40: rgb(81 75 64), hsl(39 12% 28%), oklch(0.415 0.019 82.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Arrowhead color name →
#514B40
oklch(0.415 0.019 82.7)
Conversiones de color
- HEX
- #514b40
- RGB
- rgb(81 75 64)
- HSL
- hsl(39 12% 28%)
- HWB
- hwb(39 25% 68%)
- OKLCH
- oklch(0.415 0.019 82.7)
- OKLab
- oklab(0.415 0.002 0.019)
- CIE Lab
- lab(32.23 1.02 7.53)
- LCH
- lch(32.23 7.6 82.3)
- CMYK
- cmyk(0% 7% 21% 68%)
Tintes · Sombras · Tonos
Tintes
- 615B51
- 716C62
- 817D75
- 928E87
- A4A09A
- B5B3AD
- C7C5C1
- DAD8D6
- ECEBEA
Sombras
- 454036
- 3A352D
- 2F2B24
- 24211B
- 1A1713
- 100E0B
- 070605
- 020201
- 000000
Tonos
- 565046
- 5A554C
- 5F5A53
- 636059
- 68655F
- 6D6A66
- 72706C
- 767573
- 7B7B79
Armonías de color
Complementario +180°
- 514B40
Arrowhead
- 464C57
≈ Asphalt Blue
Análogo -30° +30°
- 514B40
Arrowhead
- 554942
≈ Havana Coffee
- 4C4D41
≈ Ruskin Bronze
Triádico +120° +240°
- 514B40
Arrowhead
- 404F50
≈ Thermal
- 514852
≈ Napa Harvest
Complementario dividido +150° +210°
- 514B40
Arrowhead
- 424E55
≈ Deepest Sea
- 4C4A56
≈ Downing Street
Tetrádico +90° +180° +270°
- 514B40
Arrowhead
- 414F4B
≈ Corduroy
- 464C57
≈ Asphalt Blue
- 55484D
≈ Smoky Quartz
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.64:1 · APCA Lc 90
Ag
FailSobre negro
WCAG 2.43:1 · APCA Lc 13
Mejor color de texto: #FFFFFF
WCAG 8.64:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--arrowhead: #514b40;
--arrowhead-rgb: 81 75 64;
--arrowhead-oklch: oklch(0.415 0.019 82.7);
}
.element {
color: var(--arrowhead);
background-color: hsl(39 12% 28%);
border-color: oklch(0.415 0.019 82.7);
}Tailwind CSS v4
@theme {
--color-arrowhead: #514b40;
--color-arrowhead-50: #f8f5ef;
--color-arrowhead-100: #ebe7e1;
--color-arrowhead-200: #d8d4cb;
--color-arrowhead-300: #bcb7ac;
--color-arrowhead-400: #a49e92;
--color-arrowhead-500: #8d8578;
--color-arrowhead-600: #777166;
--color-arrowhead-700: #5f5a51;
--color-arrowhead-800: #46423b;
--color-arrowhead-900: #302d28;
--color-arrowhead-950: #1d1a16;
}SCSS
$arrowhead: #514b40;
$arrowhead-rgb: 81, 75, 64;
$arrowhead-light: mix(#fff, $arrowhead, 20%);
$arrowhead-dark: mix(#000, $arrowhead, 20%);
.element {
color: $arrowhead;
box-shadow: 0 0 0 2px rgba($arrowhead, 0.35);
}