Couleur nommée la plus proche · #EAE7E3
#EAE7E3
Couleur nommée la plus proche: Glacial Ice
#EAE7E3 (rgb(234 231 227), hsl(34 14% 90%), oklch(0.929 0.006 75.4)) est la plus proche de la couleur nommée Glacial Ice. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EAE7E3
oklch(0.929 0.006 75.4)
Conversions de couleur
- HEX
- #eae7e3
- RGB
- rgb(234 231 227)
- HSL
- hsl(34 14% 90%)
- HWB
- hwb(34 89% 8%)
- OKLCH
- oklch(0.929 0.006 75.4)
- OKLab
- oklab(0.929 0.002 0.006)
- CIE Lab
- lab(91.8 0.53 2.33)
- LCH
- lch(91.8 2.39 77.3)
- CMYK
- cmyk(0% 1% 3% 8%)
Teintes · Ombres · Tons
Teintes
- ECE9E6
- EEECE9
- F0EEEB
- F2F1EE
- F4F3F1
- F7F5F4
- F9F8F7
- FBFAF9
- FDFDFC
Ombres
- CBC9C5
- AEABA8
- 918F8C
- 757371
- 5A5957
- 41403F
- 292827
- 131312
- 030303
Tons
- DFDCD9
- D4D2CE
- C9C7C4
- BEBCBA
- B4B2B0
- A9A8A6
- 9F9E9D
- 949493
- 8A8A89
Harmonies de couleurs
Complémentaire +180°
- EAE7E3
Glacial Ice
- E5E8EC
≈ Purple Crystal
Analogue -30° +30°
- EAE7E3
Glacial Ice
- EBE6E4
≈ Deep Daigi White
- E8E8E3
≈ Silver White
Triadique +120° +240°
- EAE7E3
Glacial Ice
- E3E9E9
≈ Evening Mist
- E9E6EA
≈ Pixie Wing
Complémentaire divisée +150° +210°
- EAE7E3
Glacial Ice
- E3E8EB
≈ Winter Day
- E7E7EC
≈ Purple Crystal
Tétradique +90° +180° +270°
- EAE7E3
Glacial Ice
- E4E9E6
≈ Grey Wonder
- E5E8EC
≈ Purple Crystal
- EBE6E8
≈ November Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.23:1 · APCA Lc 12
Ag
AAASur noir
WCAG 17.03:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.03:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--glacial-ice: #eae7e3;
--glacial-ice-rgb: 234 231 227;
--glacial-ice-oklch: oklch(0.929 0.006 75.4);
}
.element {
color: var(--glacial-ice);
background-color: hsl(34 14% 90%);
border-color: oklch(0.929 0.006 75.4);
}Tailwind CSS v4
@theme {
--color-glacial-ice: #eae7e3;
--color-glacial-ice-50: #f6f5f3;
--color-glacial-ice-100: #e9e7e5;
--color-glacial-ice-200: #d6d4d1;
--color-glacial-ice-300: #b9b7b4;
--color-glacial-ice-400: #a19e9a;
--color-glacial-ice-500: #898682;
--color-glacial-ice-600: #74716e;
--color-glacial-ice-700: #5c5a58;
--color-glacial-ice-800: #444240;
--color-glacial-ice-900: #2f2e2c;
--color-glacial-ice-950: #1b1a19;
}SCSS
$glacial-ice: #eae7e3;
$glacial-ice-rgb: 234, 231, 227;
$glacial-ice-light: mix(#fff, $glacial-ice, 20%);
$glacial-ice-dark: mix(#000, $glacial-ice, 20%);
.element {
color: $glacial-ice;
box-shadow: 0 0 0 2px rgba($glacial-ice, 0.35);
}