Nearest named color · #EABFA3
#EABFA3
Nearest named color: Fabulous Fawn
#EABFA3 (rgb(234 191 163), hsl(24 63% 78%), oklch(0.835 0.062 54.7)) is closest to the named color Fabulous Fawn. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EABFA3
oklch(0.835 0.062 54.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- ECC5AC
- EFCCB5
- F1D2BE
- F3D9C8
- F5DFD1
- F7E5DA
- F9ECE3
- FBF2EC
- FDF9F6
Shades
- CBA68D
- AE8D78
- 917563
- 755E4F
- 5A483C
- 41332A
- 291F19
- 130D0A
- 030201
Tones
- DFB9A0
- D4B29C
- C9AC99
- BFA595
- B49F92
- A9998E
- 9F938B
- 958C87
- 8A8684
Color harmonies
Complementary +180°
- EABFA3
Fabulous Fawn
- A2D0EC
≈ Mediterranean Charm
Analogous -30° +30°
- EABFA3
Fabulous Fawn
- EFBAB5
≈ Pink Sachet
- DCC79B
≈ Surrey Cream
Triadic +120° +240°
- EABFA3
Fabulous Fawn
- 9FD7C6
≈ Yucca Cream
- CBC2EE
≈ Violet Gems
Split-complementary +150° +210°
- EABFA3
Fabulous Fawn
- 99D5DC
≈ Arctic Blue
- B5C9F3
≈ Tropical Blue
Tetradic +90° +180° +270°
- EABFA3
Fabulous Fawn
- B1D4B0
≈ Flower Stem
- A2D0EC
≈ Mediterranean Charm
- DEBCE0
≈ Romantic Morning
Contrast & accessibility
Ag
FailOn white
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.47:1 · APCA Lc 73
Best text color: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
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);
}