Couleur nommée la plus proche · #E6E2DB
#E6E2DB
Couleur nommée la plus proche: Foggy Day
#E6E2DB (rgb(230 226 219), hsl(38 18% 88%), oklch(0.914 0.01 81.8)) est la plus proche de la couleur nommée Foggy Day. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E6E2DB
oklch(0.914 0.01 81.8)
Conversions de couleur
- HEX
- #e6e2db
- RGB
- rgb(230 226 219)
- HSL
- hsl(38 18% 88%)
- HWB
- hwb(38 86% 10%)
- OKLCH
- oklch(0.914 0.01 81.8)
- OKLab
- oklab(0.914 0.001 0.01)
- CIE Lab
- lab(90.05 0.5 3.94)
- LCH
- lch(90.05 3.97 82.8)
- CMYK
- cmyk(0% 2% 5% 10%)
Teintes · Ombres · Tons
Teintes
- E8E5DF
- EBE8E2
- EDEBE6
- F0EEE9
- F2F0ED
- F5F3F0
- F7F6F4
- FAF9F8
- FCFCFB
Ombres
- C8C4BE
- ABA8A2
- 8E8C87
- 73716D
- 595754
- 403E3C
- 282726
- 131211
- 030302
Tons
- DBD8D2
- D1CEC8
- C6C4BF
- BCBAB6
- B2B0AC
- A7A6A3
- 9D9C9A
- 939391
- 8A8989
Harmonies de couleurs
Complémentaire +180°
- E6E2DB
Foggy Day
- DFE3EA
≈ December Dawn
Analogue -30° +30°
- E6E2DB
Foggy Day
- E9E1DC
≈ Sweet Roses
- E2E3DC
≈ Snow Drift
Triadique +120° +240°
- E6E2DB
Foggy Day
- DBE5E5
≈ Alpine Blue
- E6E0E7
≈ Selago
Complémentaire divisée +150° +210°
- E6E2DB
Foggy Day
- DCE4E8
≈ Elusive Blue
- E2E1E9
≈ Sweet Flower
Tétradique +90° +180° +270°
- E6E2DB
Foggy Day
- DCE5E2
≈ Mild Mint
- DFE3EA
≈ December Dawn
- E8E0E3
≈ Pearl Violet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.29:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.26:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.26:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--foggy-day: #e6e2db;
--foggy-day-rgb: 230 226 219;
--foggy-day-oklch: oklch(0.914 0.01 81.8);
}
.element {
color: var(--foggy-day);
background-color: hsl(38 18% 88%);
border-color: oklch(0.914 0.01 81.8);
}Tailwind CSS v4
@theme {
--color-foggy-day: #e6e2db;
--color-foggy-day-50: #f6f5f2;
--color-foggy-day-100: #e9e8e4;
--color-foggy-day-200: #d6d4cf;
--color-foggy-day-300: #bab7b1;
--color-foggy-day-400: #a19e98;
--color-foggy-day-500: #8a867f;
--color-foggy-day-600: #74716b;
--color-foggy-day-700: #5d5a56;
--color-foggy-day-800: #44423e;
--color-foggy-day-900: #2f2e2b;
--color-foggy-day-950: #1c1a18;
}SCSS
$foggy-day: #e6e2db;
$foggy-day-rgb: 230, 226, 219;
$foggy-day-light: mix(#fff, $foggy-day, 20%);
$foggy-day-dark: mix(#000, $foggy-day, 20%);
.element {
color: $foggy-day;
box-shadow: 0 0 0 2px rgba($foggy-day, 0.35);
}