Nazwany kolor · #D6CED3
Ephemeral Fog
Ephemeral Fog to #D6CED3: rgb(214 206 211), hsl(323 9% 82%), oklch(0.859 0.011 339.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ephemeral Fog color name →
#D6CED3
oklch(0.859 0.011 339.4)
Konwersje koloru
- HEX
- #d6ced3
- RGB
- rgb(214 206 211)
- HSL
- hsl(323 9% 82%)
- HWB
- hwb(323 81% 16%)
- OKLCH
- oklch(0.859 0.011 339.4)
- OKLab
- oklab(0.859 0.01 -0.004)
- CIE Lab
- lab(83.52 3.52 -1.45)
- LCH
- lch(83.52 3.81 337.6)
- CMYK
- cmyk(0% 4% 1% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAD3D7
- DED8DC
- E2DCE0
- E6E1E4
- EAE6E9
- EEEBED
- F3F0F2
- F7F5F6
- FBFAFB
Odcienie ciemniejsze
- BAB3B7
- 9E989C
- 847F82
- 6A6669
- 524E51
- 3B383A
- 252324
- 100F10
- 020202
Tony
- CDC6CA
- C4BEC2
- BBB6B9
- B3AEB1
- AAA6A9
- A19EA0
- 999798
- 918F90
- 888788
Harmonie kolorów
Komplementarna +180°
- D6CED3
Ephemeral Fog
- CBD3CE
≈ Sheer Light
Analogowa -30° +30°
- D6CED3
Ephemeral Fog
- D3CFD6
≈ Jam Session
- D8CECF
≈ Smells of Fresh Bread
Triada +120° +240°
- D6CED3
Ephemeral Fog
- D2D1C9
≈ Polar Fox
- C9D3D6
≈ Fairfax Grey
Komplementarna rozszczepiona +150° +210°
- D6CED3
Ephemeral Fog
- CED2CB
≈ Moorstone
- C9D3D2
≈ Sky Splash
Tetrada +90° +180° +270°
- D6CED3
Ephemeral Fog
- D6D0C9
≈ Light Taupe White
- CBD3CE
≈ Sheer Light
- CBD1D8
≈ Light Starlight
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.62:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--ephemeral-fog: #d6ced3;
--ephemeral-fog-rgb: 214 206 211;
--ephemeral-fog-oklch: oklch(0.859 0.011 339.4);
}
.element {
color: var(--ephemeral-fog);
background-color: hsl(323 9% 82%);
border-color: oklch(0.859 0.011 339.4);
}Tailwind CSS v4
@theme {
--color-ephemeral-fog: #d6ced3;
--color-ephemeral-fog-50: #f7f4f6;
--color-ephemeral-fog-100: #ebe6e9;
--color-ephemeral-fog-200: #d8d2d5;
--color-ephemeral-fog-300: #bcb5b9;
--color-ephemeral-fog-400: #a39ca0;
--color-ephemeral-fog-500: #8b8388;
--color-ephemeral-fog-600: #766f73;
--color-ephemeral-fog-700: #5e595c;
--color-ephemeral-fog-800: #454144;
--color-ephemeral-fog-900: #302d2f;
--color-ephemeral-fog-950: #1c1a1b;
}SCSS
$ephemeral-fog: #d6ced3;
$ephemeral-fog-rgb: 214, 206, 211;
$ephemeral-fog-light: mix(#fff, $ephemeral-fog, 20%);
$ephemeral-fog-dark: mix(#000, $ephemeral-fog, 20%);
.element {
color: $ephemeral-fog;
box-shadow: 0 0 0 2px rgba($ephemeral-fog, 0.35);
}