Colore con nome più vicino · #EABFA3
#EABFA3
Colore con nome più vicino: Fabulous Fawn
#EABFA3 (rgb(234 191 163), hsl(24 63% 78%), oklch(0.835 0.062 54.7)) è più vicino al colore con nome Fabulous Fawn. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EABFA3
oklch(0.835 0.062 54.7)
Conversioni di colore
- HEX
- #eabfa3
- RGB
- rgb(234 191 163)
- HSL
- hsl(24 63% 78%)
- HWB
- hwb(24 64% 8%)
- OKLCH
- oklch(0.835 0.062 54.7)
- OKLab
- oklab(0.835 0.036 0.051)
- CIE Lab
- lab(80.67 12.97 20.28)
- LCH
- lch(80.67 24.07 57.4)
- CMYK
- cmyk(0% 18% 30% 8%)
Tinte · Ombre · Toni
Tinte
- ECC5AC
- EFCCB5
- F1D2BE
- F3D9C8
- F5DFD1
- F7E5DA
- F9ECE3
- FBF2EC
- FDF9F6
Ombre
- CBA68D
- AE8D78
- 917563
- 755E4F
- 5A483C
- 41332A
- 291F19
- 130D0A
- 030201
Toni
- DFB9A0
- D4B29C
- C9AC99
- BFA595
- B49F92
- A9998E
- 9F938B
- 958C87
- 8A8684
Armonie di colore
Complementare +180°
- EABFA3
Fabulous Fawn
- A2D0EC
≈ Mediterranean Charm
Analogo -30° +30°
- EABFA3
Fabulous Fawn
- EFBAB5
≈ Pink Sachet
- DCC79B
≈ Surrey Cream
Triadico +120° +240°
- EABFA3
Fabulous Fawn
- 9FD7C6
≈ Yucca Cream
- CBC2EE
≈ Violet Gems
Complementare divisa +150° +210°
- EABFA3
Fabulous Fawn
- 99D5DC
≈ Arctic Blue
- B5C9F3
≈ Tropical Blue
Tetradico +90° +180° +270°
- EABFA3
Fabulous Fawn
- B1D4B0
≈ Flower Stem
- A2D0EC
≈ Mediterranean Charm
- DEBCE0
≈ Romantic Morning
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.47:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--fabulous-fawn: #eabfa3;
--fabulous-fawn-rgb: 234 191 163;
--fabulous-fawn-oklch: oklch(0.835 0.062 54.7);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(24 63% 78%);
border-color: oklch(0.835 0.062 54.7);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #eabfa3;
--color-fabulous-fawn-50: #fff1e4;
--color-fabulous-fawn-100: #f9e3d4;
--color-fabulous-fawn-200: #eacebb;
--color-fabulous-fawn-300: #d1b099;
--color-fabulous-fawn-400: #bc957c;
--color-fabulous-fawn-500: #a77b5e;
--color-fabulous-fawn-600: #8d6950;
--color-fabulous-fawn-700: #715340;
--color-fabulous-fawn-800: #543c2e;
--color-fabulous-fawn-900: #3b2a1f;
--color-fabulous-fawn-950: #24170f;
}SCSS
$fabulous-fawn: #eabfa3;
$fabulous-fawn-rgb: 234, 191, 163;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}