Colore con nome più vicino · #E2BE94
#E2BE94
Colore con nome più vicino: Laksa
#E2BE94 (rgb(226 190 148), hsl(32 57% 73%), oklch(0.823 0.069 70.9)) è più vicino al colore con nome Laksa. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E2BE94
oklch(0.823 0.069 70.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E5C49F
- E8CBA9
- EBD1B4
- EED8BF
- F1DEC9
- F4E5D4
- F7EBDF
- F9F2E9
- FCF8F4
Ombre
- C4A580
- A88C6D
- 8C755A
- 715E48
- 574836
- 3E3326
- 271F16
- 120D08
- 030201
Toni
- D8B892
- CEB191
- C4AB8F
- BAA58D
- B09F8B
- A69989
- 9D9287
- 938C85
- 898682
Armonie di colore
Complementare +180°
- E2BE94
Laksa
- A4C9F1
≈ Baby Blue Eyes
Analogo -30° +30°
- E2BE94
Laksa
- EDB7A3
≈ Pink Abalone
- CEC793
≈ Dusty Yellow
Triadico +120° +240°
Complementare divisa +150° +210°
- E2BE94
Laksa
- 92D0E5
≈ Iqaluit Ice
- BCC0F2
≈ Vodka
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASu nero
WCAG 12.02:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.02:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}