Color con nombre más cercano · #7E6A37
#7E6A37
Color con nombre más cercano: Himalaya
#7E6A37 (rgb(126 106 55), hsl(43 39% 35%), oklch(0.532 0.074 88.4)) se parece más al color con nombre Himalaya. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7E6A37
oklch(0.532 0.074 88.4)
Conversiones de color
- HEX
- #7e6a37
- RGB
- rgb(126 106 55)
- HSL
- hsl(43 39% 35%)
- HWB
- hwb(43 22% 51%)
- OKLCH
- oklch(0.532 0.074 88.4)
- OKLab
- oklab(0.532 0.002 0.074)
- CIE Lab
- lab(45.92 3.19 31.37)
- LCH
- lch(45.92 31.53 84.2)
- CMYK
- cmyk(0% 16% 56% 51%)
Tintes · Sombras · Tonos
Tintes
- 8A784B
- 97865E
- A39572
- B0A385
- BDB299
- CAC1AD
- D7D0C1
- E4E0D5
- F1EFEA
Sombras
- 6D5B2E
- 5C4D26
- 4C3F1E
- 3C3116
- 2D240F
- 1F1808
- 110D03
- 050401
- 010000
Tonos
- 7E6C3F
- 7E6F47
- 7F714F
- 7F7356
- 7F755E
- 7F7865
- 7F7A6C
- 807C72
- 807E79
Armonías de color
Complementario +180°
- 7E6A37
Himalaya
- 5A6B98
≈ Moonshade
Análogo -30° +30°
- 7E6A37
Himalaya
- 8D6240
≈ Caramel Latte
- 687240
≈ Cedar Green
Triádico +120° +240°
- 7E6A37
Himalaya
- 2E7883
≈ Panorama
- 845D82
≈ Trendy Pink
Complementario dividido +150° +210°
- 7E6A37
Himalaya
- 407292
≈ Harbour Blue
- 726392
≈ Super Violet
Tetrádico +90° +180° +270°
- 7E6A37
Himalaya
- 357A6D
≈ Maturity
- 5A6B98
≈ Moonshade
- 8F5A6C
≈ Cabernet
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 {
--himalaya: #7e6a37;
--himalaya-rgb: 126 106 55;
--himalaya-oklch: oklch(0.532 0.074 88.4);
}
.element {
color: var(--himalaya);
background-color: hsl(43 39% 35%);
border-color: oklch(0.532 0.074 88.4);
}Tailwind CSS v4
@theme {
--color-himalaya: #7e6a37;
--color-himalaya-50: #fdf5de;
--color-himalaya-100: #f1e7cd;
--color-himalaya-200: #e0d4b1;
--color-himalaya-300: #c6b68c;
--color-himalaya-400: #b09c6b;
--color-himalaya-500: #9a844a;
--color-himalaya-600: #826f3f;
--color-himalaya-700: #685932;
--color-himalaya-800: #4e4123;
--color-himalaya-900: #362d17;
--color-himalaya-950: #211a08;
}SCSS
$himalaya: #7e6a37;
$himalaya-rgb: 126, 106, 55;
$himalaya-light: mix(#fff, $himalaya, 20%);
$himalaya-dark: mix(#000, $himalaya, 20%);
.element {
color: $himalaya;
box-shadow: 0 0 0 2px rgba($himalaya, 0.35);
}