Couleur nommée · #EAE3D2
Abilene Lace
Abilene Lace correspond à #EAE3D2 : rgb(234 227 210), hsl(42 36% 87%), oklch(0.917 0.024 88.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Abilene Lace color name →
#EAE3D2
oklch(0.917 0.024 88.2)
Conversions de couleur
- HEX
- #eae3d2
- RGB
- rgb(234 227 210)
- HSL
- hsl(42 36% 87%)
- HWB
- hwb(42 82% 8%)
- OKLCH
- oklch(0.917 0.024 88.2)
- OKLab
- oklab(0.917 0.001 0.024)
- CIE Lab
- lab(90.45 0.34 9.22)
- LCH
- lch(90.45 9.23 87.9)
- CMYK
- cmyk(0% 3% 10% 8%)
Teintes · Ombres · Tons
Teintes
- ECE6D6
- EEE9DB
- F0EBDF
- F2EEE4
- F4F1E8
- F7F4ED
- F9F7F1
- FBF9F6
- FDFCFA
Ombres
- CBC5B6
- AEA89B
- 918C81
- 757168
- 5A5750
- 413F39
- 292724
- 131210
- 030302
Tons
- DFD9CA
- D4CEC1
- C9C4B9
- BEBAB0
- B4B0A8
- A9A6A0
- 9F9D98
- 949390
- 8A8988
Harmonies de couleurs
Complémentaire +180°
- EAE3D2
Abilene Lace
- DDE3F4
≈ Iris Ice
Analogue -30° +30°
- EAE3D2
Abilene Lace
- F0E0D4
≈ Samba de Coco
- E2E6D4
≈ Diminished Green
Triadique +120° +240°
- EAE3D2
Abilene Lace
- D2E8EC
≈ Coastal Mist
- EDDEEC
≈ Sprinkle
Complémentaire divisée +150° +210°
- EAE3D2
Abilene Lace
- D6E6F2
≈ Snowdrift Glow
- E5E0F2
≈ Lingering Lilac
Tétradique +90° +180° +270°
- EAE3D2
Abilene Lace
- D4E9E3
≈ Dillard’s Blue
- DDE3F4
≈ Iris Ice
- F2DDE3
≈ Lavender Moon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.27:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.41:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--abilene-lace: #eae3d2;
--abilene-lace-rgb: 234 227 210;
--abilene-lace-oklch: oklch(0.917 0.024 88.2);
}
.element {
color: var(--abilene-lace);
background-color: hsl(42 36% 87%);
border-color: oklch(0.917 0.024 88.2);
}Tailwind CSS v4
@theme {
--color-abilene-lace: #eae3d2;
--color-abilene-lace-50: #f8f5ee;
--color-abilene-lace-100: #ebe8df;
--color-abilene-lace-200: #d8d4c9;
--color-abilene-lace-300: #bcb7aa;
--color-abilene-lace-400: #a49e8f;
--color-abilene-lace-500: #8d8675;
--color-abilene-lace-600: #777163;
--color-abilene-lace-700: #5f5a4f;
--color-abilene-lace-800: #464239;
--color-abilene-lace-900: #302d27;
--color-abilene-lace-950: #1d1a15;
}SCSS
$abilene-lace: #eae3d2;
$abilene-lace-rgb: 234, 227, 210;
$abilene-lace-light: mix(#fff, $abilene-lace, 20%);
$abilene-lace-dark: mix(#000, $abilene-lace, 20%);
.element {
color: $abilene-lace;
box-shadow: 0 0 0 2px rgba($abilene-lace, 0.35);
}