Color con nombre más cercano · #E2BE94
#E2BE94
Color con nombre más cercano: Laksa
#E2BE94 (rgb(226 190 148), hsl(32 57% 73%), oklch(0.823 0.069 70.9)) se parece más al color con nombre Laksa. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E2BE94
oklch(0.823 0.069 70.9)
Conversiones de color
- HEX
- #e2be94
- RGB
- rgb(226 190 148)
- HSL
- hsl(32 57% 73%)
- HWB
- hwb(32 58% 11%)
- OKLCH
- oklch(0.823 0.069 70.9)
- OKLab
- oklab(0.823 0.023 0.065)
- CIE Lab
- lab(79.4 8.97 26.32)
- LCH
- lch(79.4 27.81 71.2)
- CMYK
- cmyk(0% 16% 35% 11%)
Tintes · Sombras · Tonos
Tintes
- E5C49F
- E8CBA9
- EBD1B4
- EED8BF
- F1DEC9
- F4E5D4
- F7EBDF
- F9F2E9
- FCF8F4
Sombras
- C4A580
- A88C6D
- 8C755A
- 715E48
- 574836
- 3E3326
- 271F16
- 120D08
- 030201
Tonos
- D8B892
- CEB191
- C4AB8F
- BAA58D
- B09F8B
- A69989
- 9D9287
- 938C85
- 898682
Armonías de color
Complementario +180°
- E2BE94
Laksa
- A4C9F1
≈ Baby Blue Eyes
Análogo -30° +30°
- E2BE94
Laksa
- EDB7A3
≈ Pink Abalone
- CEC793
≈ Dusty Yellow
Triádico +120° +240°
Complementario dividido +150° +210°
- E2BE94
Laksa
- 92D0E5
≈ Iqaluit Ice
- BCC0F2
≈ Vodka
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.02:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.02:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--laksa: #e2be94;
--laksa-rgb: 226 190 148;
--laksa-oklch: oklch(0.823 0.069 70.9);
}
.element {
color: var(--laksa);
background-color: hsl(32 57% 73%);
border-color: oklch(0.823 0.069 70.9);
}Tailwind CSS v4
@theme {
--color-laksa: #e2be94;
--color-laksa-50: #fff3e0;
--color-laksa-100: #f7e5cf;
--color-laksa-200: #e7d0b4;
--color-laksa-300: #ceb291;
--color-laksa-400: #b99871;
--color-laksa-500: #a37e52;
--color-laksa-600: #8a6b46;
--color-laksa-700: #6f5637;
--color-laksa-800: #523e27;
--color-laksa-900: #392b1a;
--color-laksa-950: #24180b;
}SCSS
$laksa: #e2be94;
$laksa-rgb: 226, 190, 148;
$laksa-light: mix(#fff, $laksa, 20%);
$laksa-dark: mix(#000, $laksa, 20%);
.element {
color: $laksa;
box-shadow: 0 0 0 2px rgba($laksa, 0.35);
}