Colore con nome più vicino · #EAC197
#EAC197
Colore con nome più vicino: Laksa
#EAC197 (rgb(234 193 151), hsl(30 66% 75%), oklch(0.837 0.073 67.2)) è più vicino al colore con nome Laksa. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EAC197
oklch(0.837 0.073 67.2)
Conversioni di colore
- HEX
- #eac197
- RGB
- rgb(234 193 151)
- HSL
- hsl(30 66% 75%)
- HWB
- hwb(30 59% 8%)
- OKLCH
- oklch(0.837 0.073 67.2)
- OKLab
- oklab(0.837 0.028 0.067)
- CIE Lab
- lab(80.97 10.89 26.99)
- LCH
- lch(80.97 29.1 68)
- CMYK
- cmyk(0% 18% 35% 8%)
Tinte · Ombre · Toni
Tinte
- ECC7A1
- EFCDAC
- F1D4B6
- F3DAC1
- F5E0CB
- F7E6D5
- F9ECE0
- FBF3EA
- FDF9F5
Ombre
- CBA783
- AE8F6F
- 91775C
- 755F49
- 5A4937
- 413426
- 292017
- 130E08
- 030201
Toni
- DFBA95
- D4B493
- C9AD91
- BFA78F
- B4A08C
- A99A8A
- 9F9388
- 958D85
- 8A8683
Armonie di colore
Complementare +180°
- EAC197
Laksa
- A4CFF7
≈ Baby Blue
Analogo -30° +30°
- EAC197
Laksa
- F4BAA8
≈ Sweet Sheba
- D6CA94
≈ Artichoke Mist
Triadico +120° +240°
- EAC197
Laksa
- 91D9D1
≈ Sweet Rhapsody
- D6BEEF
≈ Beefy Pink
Complementare divisa +150° +210°
- EAC197
Laksa
- 92D6E9
≈ Orleans Tune
- BDC6F9
≈ Light Periwinkle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.57:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--laksa: #eac197;
--laksa-rgb: 234 193 151;
--laksa-oklch: oklch(0.837 0.073 67.2);
}
.element {
color: var(--laksa);
background-color: hsl(30 66% 75%);
border-color: oklch(0.837 0.073 67.2);
}Tailwind CSS v4
@theme {
--color-laksa: #eac197;
--color-laksa-50: #fff2df;
--color-laksa-100: #f8e4cf;
--color-laksa-200: #e9cfb3;
--color-laksa-300: #d0b190;
--color-laksa-400: #bc9770;
--color-laksa-500: #a77d50;
--color-laksa-600: #8d6a44;
--color-laksa-700: #715436;
--color-laksa-800: #543d27;
--color-laksa-900: #3b2a1a;
--color-laksa-950: #24180a;
}SCSS
$laksa: #eac197;
$laksa-rgb: 234, 193, 151;
$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);
}