Color con nombre más cercano · #E3C3A0
#E3C3A0
Color con nombre más cercano: Tostada
#E3C3A0 (rgb(227 195 160), hsl(31 54% 76%), oklch(0.836 0.059 69.4)) se parece más al color con nombre Tostada. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E3C3A0
oklch(0.836 0.059 69.4)
Conversiones de color
- HEX
- #e3c3a0
- RGB
- rgb(227 195 160)
- HSL
- hsl(31 54% 76%)
- HWB
- hwb(31 63% 11%)
- OKLCH
- oklch(0.836 0.059 69.4)
- OKLab
- oklab(0.836 0.021 0.055)
- CIE Lab
- lab(80.93 7.98 22.08)
- LCH
- lch(80.93 23.47 70.1)
- CMYK
- cmyk(0% 14% 30% 11%)
Tintes · Sombras · Tonos
Tintes
- E6C9A9
- E9CFB3
- ECD5BC
- EFDBC6
- F1E1CF
- F4E7D9
- F7EDE2
- FAF3EC
- FCF9F5
Sombras
- C5A98B
- A89076
- 8C7861
- 71604E
- 574A3B
- 3F3429
- 272019
- 120E09
- 030201
Tonos
- D9BC9D
- CFB59A
- C4AF97
- BAA894
- B0A190
- A79A8D
- 9D948A
- 938D87
- 8A8783
Armonías de color
Complementario +180°
- E3C3A0
Tostada
- ACCDEF
≈ Alphabet Blue
Análogo -30° +30°
- E3C3A0
Tostada
- ECBDAD
≈ Virgin Peach
- D2CB9E
≈ Wasabi Zing
Triádico +120° +240°
- E3C3A0
Tostada
- 9DD6D1
≈ Shallow Shoal
- D5BFE7
≈ York Plum
Complementario dividido +150° +210°
- E3C3A0
Tostada
- 9ED3E4
≈ Light Delphin
- C1C6F0
≈ Violet Gems
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.57:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--tostada: #e3c3a0;
--tostada-rgb: 227 195 160;
--tostada-oklch: oklch(0.836 0.059 69.4);
}
.element {
color: var(--tostada);
background-color: hsl(31 54% 76%);
border-color: oklch(0.836 0.059 69.4);
}Tailwind CSS v4
@theme {
--color-tostada: #e3c3a0;
--color-tostada-50: #fff3e3;
--color-tostada-100: #f5e5d3;
--color-tostada-200: #e5d1b9;
--color-tostada-300: #cbb397;
--color-tostada-400: #b69979;
--color-tostada-500: #a07f5b;
--color-tostada-600: #876c4d;
--color-tostada-700: #6c563d;
--color-tostada-800: #503f2c;
--color-tostada-900: #382b1e;
--color-tostada-950: #22180e;
}SCSS
$tostada: #e3c3a0;
$tostada-rgb: 227, 195, 160;
$tostada-light: mix(#fff, $tostada, 20%);
$tostada-dark: mix(#000, $tostada, 20%);
.element {
color: $tostada;
box-shadow: 0 0 0 2px rgba($tostada, 0.35);
}