Color con nombre más cercano · #766A61
#766A61
Color con nombre más cercano: Namibia
#766A61 (rgb(118 106 97), hsl(26 10% 42%), oklch(0.533 0.021 59.2)) se parece más al color con nombre Namibia. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#766A61
oklch(0.533 0.021 59.2)
Conversiones de color
- HEX
- #766a61
- RGB
- rgb(118 106 97)
- HSL
- hsl(26 10% 42%)
- HWB
- hwb(26 38% 54%)
- OKLCH
- oklch(0.533 0.021 59.2)
- OKLab
- oklab(0.533 0.011 0.018)
- CIE Lab
- lab(45.75 3.68 6.88)
- LCH
- lch(45.75 7.81 61.8)
- CMYK
- cmyk(0% 10% 18% 54%)
Tintes · Sombras · Tonos
Tintes
- 837870
- 90867E
- 9D948E
- ABA39D
- B8B2AD
- C6C1BD
- D4D0CD
- E2DFDD
- F1EFEE
Sombras
- 665B53
- 564D46
- 473F39
- 38312D
- 292421
- 1C1815
- 0F0D0B
- 050403
- 010000
Tonos
- 776C64
- 786E67
- 79716A
- 7A736D
- 7B7570
- 7C7774
- 7D7977
- 7E7C7A
- 7F7E7D
Armonías de color
Complementario +180°
- 766A61
Namibia
- 626F77
≈ NYPD
Análogo -30° +30°
- 766A61
Namibia
- 786866
≈ Night Skyscraper
- 716C5F
≈ King’s Court
Triádico +120° +240°
- 766A61
Namibia
- 60716D
≈ Rocky River
- 6E6A77
≈ Warpfiend Grey
Complementario dividido +150° +210°
- 766A61
Namibia
- 5F7073
≈ Portsmouth Blue
- 686C79
≈ Wind Cave
Tetrádico +90° +180° +270°
- 766A61
Namibia
- 657066
≈ Seraphinite
- 626F77
≈ NYPD
- 746972
≈ Sultry Smoke
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.00:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--namibia: #766a61;
--namibia-rgb: 118 106 97;
--namibia-oklch: oklch(0.533 0.021 59.2);
}
.element {
color: var(--namibia);
background-color: hsl(26 10% 42%);
border-color: oklch(0.533 0.021 59.2);
}Tailwind CSS v4
@theme {
--color-namibia: #766a61;
--color-namibia-50: #faf4ef;
--color-namibia-100: #ede6e1;
--color-namibia-200: #dbd2cc;
--color-namibia-300: #bfb5ad;
--color-namibia-400: #a89c93;
--color-namibia-500: #918379;
--color-namibia-600: #7b6f66;
--color-namibia-700: #625952;
--color-namibia-800: #48413c;
--color-namibia-900: #322d29;
--color-namibia-950: #1e1a17;
}SCSS
$namibia: #766a61;
$namibia-rgb: 118, 106, 97;
$namibia-light: mix(#fff, $namibia, 20%);
$namibia-dark: mix(#000, $namibia, 20%);
.element {
color: $namibia;
box-shadow: 0 0 0 2px rgba($namibia, 0.35);
}