Color con nombre más cercano · #884F3F
#884F3F
Color con nombre más cercano: Annatto
#884F3F (rgb(136 79 63), hsl(13 37% 39%), oklch(0.49 0.081 36.5)) se parece más al color con nombre Annatto. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#884F3F
oklch(0.49 0.081 36.5)
Conversiones de color
- HEX
- #884f3f
- RGB
- rgb(136 79 63)
- HSL
- hsl(13 37% 39%)
- HWB
- hwb(13 25% 47%)
- OKLCH
- oklch(0.49 0.081 36.5)
- OKLab
- oklab(0.49 0.065 0.048)
- CIE Lab
- lab(40.22 23.3 20.24)
- LCH
- lch(40.22 30.87 41)
- CMYK
- cmyk(0% 42% 54% 47%)
Tintes · Sombras · Tonos
Tintes
- 946051
- A07063
- AD8175
- B99388
- C4A49B
- D0B6AE
- DCC8C2
- E8DAD6
- F3ECEA
Sombras
- 754435
- 63382C
- 522E23
- 41231B
- 311912
- 22100A
- 130704
- 060201
- 010000
Tonos
- 885446
- 88594C
- 875E53
- 876359
- 866860
- 856D66
- 84726D
- 837773
- 827B7A
Armonías de color
Complementario +180°
- 884F3F
Annatto
- 156C7E
≈ Shinbashi Azure
Análogo -30° +30°
- 884F3F
Annatto
- 874C59
≈ Wine Not
- 7F572A
≈ Arable Brown
Triádico +120° +240°
- 884F3F
Annatto
- 356E4D
≈ Jungle Book Green
- 545C8E
≈ Midnight Sea
Complementario dividido +150° +210°
- 884F3F
Annatto
- 116F68
≈ Tide Pools
- 37648C
≈ Mississippi River
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.48:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.23:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--annatto: #884f3f;
--annatto-rgb: 136 79 63;
--annatto-oklch: oklch(0.49 0.081 36.5);
}
.element {
color: var(--annatto);
background-color: hsl(13 37% 39%);
border-color: oklch(0.49 0.081 36.5);
}Tailwind CSS v4
@theme {
--color-annatto: #884f3f;
--color-annatto-50: #ffeee5;
--color-annatto-100: #ffdfd4;
--color-annatto-200: #f4c9bb;
--color-annatto-300: #ddaa99;
--color-annatto-400: #c98e7d;
--color-annatto-500: #b57260;
--color-annatto-600: #996151;
--color-annatto-700: #7b4e41;
--color-annatto-800: #5b382f;
--color-annatto-900: #402620;
--color-annatto-950: #281410;
}SCSS
$annatto: #884f3f;
$annatto-rgb: 136, 79, 63;
$annatto-light: mix(#fff, $annatto, 20%);
$annatto-dark: mix(#000, $annatto, 20%);
.element {
color: $annatto;
box-shadow: 0 0 0 2px rgba($annatto, 0.35);
}