Color con nombre más cercano · #894E1A
#894E1A
Color con nombre más cercano: Milk Chocolate
#894E1A (rgb(137 78 26), hsl(28 68% 32%), oklch(0.485 0.102 57.5)) se parece más al color con nombre Milk Chocolate. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#894E1A
oklch(0.485 0.102 57.5)
Conversiones de color
- HEX
- #894e1a
- RGB
- rgb(137 78 26)
- HSL
- hsl(28 68% 32%)
- HWB
- hwb(28 10% 46%)
- OKLCH
- oklch(0.485 0.102 57.5)
- OKLab
- oklab(0.485 0.055 0.086)
- CIE Lab
- lab(39.73 22.51 39.94)
- LCH
- lch(39.73 45.85 60.6)
- CMYK
- cmyk(0% 43% 81% 46%)
Tintes · Sombras · Tonos
Tintes
- 955F34
- A1704B
- AD8161
- B99376
- C5A48C
- D1B6A3
- DCC8B9
- E8DAD0
- F4ECE7
Sombras
- 764315
- 643810
- 532D0C
- 422307
- 311904
- 220F02
- 140701
- 070200
- 010000
Tonos
- 895428
- 885934
- 885E3E
- 876348
- 866852
- 866D5B
- 847265
- 83776E
- 827B77
Armonías de color
Complementario +180°
- 894E1A
Milk Chocolate
- 0E6691
≈ Peacock Blue
Análogo -30° +30°
- 894E1A
Milk Chocolate
- 90463E
≈ Allspice Berry
- 775A00
≈ Blackfire Earth
Triádico +120° +240°
- 894E1A
Milk Chocolate
- 006F5E
≈ Falcon Turquoise
- 665191
≈ Fine Purple
Complementario dividido +150° +210°
- 894E1A
Milk Chocolate
- 006C77
≈ Toadstool Teal
- 455B98
≈ Blue Dahlia
Tetrádico +90° +180° +270°
- 894E1A
Milk Chocolate
- 316E3C
≈ Arcala Green
- 0E6691
≈ Peacock Blue
- 7D487C
≈ Visiona Red
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.62:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.16:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--milk-chocolate: #894e1a;
--milk-chocolate-rgb: 137 78 26;
--milk-chocolate-oklch: oklch(0.485 0.102 57.5);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(28 68% 32%);
border-color: oklch(0.485 0.102 57.5);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #894e1a;
--color-milk-chocolate-50: #ffefd9;
--color-milk-chocolate-100: #ffe1c7;
--color-milk-chocolate-200: #f6cba9;
--color-milk-chocolate-300: #dfab83;
--color-milk-chocolate-400: #cc8f61;
--color-milk-chocolate-500: #b8733c;
--color-milk-chocolate-600: #9c6234;
--color-milk-chocolate-700: #7d4e29;
--color-milk-chocolate-800: #5d381d;
--color-milk-chocolate-900: #412613;
--color-milk-chocolate-950: #2a1505;
}SCSS
$milk-chocolate: #894e1a;
$milk-chocolate-rgb: 137, 78, 26;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}