Color con nombre más cercano · #EABFA3
#EABFA3
Color con nombre más cercano: Fabulous Fawn
#EABFA3 (rgb(234 191 163), hsl(24 63% 78%), oklch(0.835 0.062 54.7)) se parece más al color con nombre Fabulous Fawn. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EABFA3
oklch(0.835 0.062 54.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- ECC5AC
- EFCCB5
- F1D2BE
- F3D9C8
- F5DFD1
- F7E5DA
- F9ECE3
- FBF2EC
- FDF9F6
Sombras
- CBA68D
- AE8D78
- 917563
- 755E4F
- 5A483C
- 41332A
- 291F19
- 130D0A
- 030201
Tonos
- DFB9A0
- D4B29C
- C9AC99
- BFA595
- B49F92
- A9998E
- 9F938B
- 958C87
- 8A8684
Armonías de color
Complementario +180°
- EABFA3
Fabulous Fawn
- A2D0EC
≈ Mediterranean Charm
Análogo -30° +30°
- EABFA3
Fabulous Fawn
- EFBAB5
≈ Pink Sachet
- DCC79B
≈ Surrey Cream
Triádico +120° +240°
- EABFA3
Fabulous Fawn
- 9FD7C6
≈ Yucca Cream
- CBC2EE
≈ Violet Gems
Complementario dividido +150° +210°
- EABFA3
Fabulous Fawn
- 99D5DC
≈ Arctic Blue
- B5C9F3
≈ Tropical Blue
Tetrádico +90° +180° +270°
- EABFA3
Fabulous Fawn
- B1D4B0
≈ Flower Stem
- A2D0EC
≈ Mediterranean Charm
- DEBCE0
≈ Romantic Morning
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.47:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
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);
}