Color con nombre más cercano · #806757
#806757
Color con nombre más cercano: Warrior
#806757 (rgb(128 103 87), hsl(23 19% 42%), oklch(0.534 0.04 54.3)) se parece más al color con nombre Warrior. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#806757
oklch(0.534 0.04 54.3)
Conversiones de color
- HEX
- #806757
- RGB
- rgb(128 103 87)
- HSL
- hsl(23 19% 42%)
- HWB
- hwb(23 34% 50%)
- OKLCH
- oklch(0.534 0.04 54.3)
- OKLab
- oklab(0.534 0.024 0.033)
- CIE Lab
- lab(45.78 8.48 13.04)
- LCH
- lch(45.78 15.55 57)
- CMYK
- cmyk(0% 20% 32% 50%)
Tintes · Sombras · Tonos
Tintes
- 8C7566
- 988476
- A59286
- B1A197
- BEB0A7
- CBC0B8
- D8CFCA
- E5DFDB
- F2EFED
Sombras
- 6E594B
- 5D4B3E
- 4D3D33
- 3D3027
- 2E231C
- 1F1712
- 120C08
- 060403
- 010000
Tonos
- 806A5B
- 806C5F
- 806F63
- 807167
- 80746C
- 807670
- 807974
- 807B78
- 807E7C
Armonías de color
Complementario +180°
- 806757
Warrior
- 567181
≈ Cape Cod Bay
Análogo -30° +30°
- 806757
Warrior
- 836461
≈ Pharlap
- 786B52
≈ Roycroft Brass
Triádico +120° +240°
- 806757
Warrior
- 54756B
≈ Hilltop
- 6E6982
≈ Aromatic
Complementario dividido +150° +210°
- 806757
Warrior
- 517478
≈ Rogue Waters
- 616D85
≈ Clooney
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.99:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--warrior: #806757;
--warrior-rgb: 128 103 87;
--warrior-oklch: oklch(0.534 0.04 54.3);
}
.element {
color: var(--warrior);
background-color: hsl(23 19% 42%);
border-color: oklch(0.534 0.04 54.3);
}Tailwind CSS v4
@theme {
--color-warrior: #806757;
--color-warrior-50: #fff3ea;
--color-warrior-100: #f3e5db;
--color-warrior-200: #e2d0c4;
--color-warrior-300: #c8b3a4;
--color-warrior-400: #b29988;
--color-warrior-500: #9c7f6d;
--color-warrior-600: #846c5d;
--color-warrior-700: #6a564a;
--color-warrior-800: #4e3f36;
--color-warrior-900: #362b25;
--color-warrior-950: #211813;
}SCSS
$warrior: #806757;
$warrior-rgb: 128, 103, 87;
$warrior-light: mix(#fff, $warrior, 20%);
$warrior-dark: mix(#000, $warrior, 20%);
.element {
color: $warrior;
box-shadow: 0 0 0 2px rgba($warrior, 0.35);
}