Nazwany kolor · #EEF0E7
Fogtown
Fogtown to #EEF0E7: rgb(238 240 231), hsl(73 23% 92%), oklch(0.951 0.012 116.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fogtown color name →
#EEF0E7
oklch(0.951 0.012 116.8)
Konwersje koloru
- HEX
- #eef0e7
- RGB
- rgb(238 240 231)
- HSL
- hsl(73 23% 92%)
- HWB
- hwb(73 91% 6%)
- OKLCH
- oklch(0.951 0.012 116.8)
- OKLab
- oklab(0.951 -0.005 0.011)
- CIE Lab
- lab(94.46 -1.86 4.12)
- LCH
- lch(94.46 4.52 114.4)
- CMYK
- cmyk(1% 0% 4% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0F1E9
- F1F3EC
- F3F4EE
- F5F6F1
- F6F7F3
- F8F9F5
- FAFAF8
- FCFCFA
- FDFDFD
Odcienie ciemniejsze
- CFD1C9
- B1B2AB
- 93958F
- 777873
- 5C5D59
- 424340
- 2A2A28
- 141413
- 030303
Tony
- E2E4DC
- D7D9D2
- CCCDC7
- C1C2BC
- B5B6B2
- AAABA8
- A0A09E
- 959594
- 8A8B8A
Harmonie kolorów
Komplementarna +180°
- EEF0E7
Fogtown
- EFEDF6
≈ Silver Phoenix
Analogowa -30° +30°
- EEF0E7
Fogtown
- F2EEE6
≈ White Fur
- EAF1EA
≈ Breakwater White
Triada +120° +240°
- EEF0E7
Fogtown
- E8F0F6
≈ Clear Vision
- F6ECEF
≈ Clichy White
Komplementarna rozszczepiona +150° +210°
- EEF0E7
Fogtown
- EBEFF7
≈ First Snow
- F3ECF3
≈ Dress Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.25:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.25:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--fogtown: #eef0e7;
--fogtown-rgb: 238 240 231;
--fogtown-oklch: oklch(0.951 0.012 116.8);
}
.element {
color: var(--fogtown);
background-color: hsl(73 23% 92%);
border-color: oklch(0.951 0.012 116.8);
}Tailwind CSS v4
@theme {
--color-fogtown: #eef0e7;
--color-fogtown-50: #f5f6f2;
--color-fogtown-100: #e7e8e4;
--color-fogtown-200: #d3d5cf;
--color-fogtown-300: #b6b8b1;
--color-fogtown-400: #9e9f97;
--color-fogtown-500: #85877e;
--color-fogtown-600: #71726b;
--color-fogtown-700: #5a5c55;
--color-fogtown-800: #42433e;
--color-fogtown-900: #2e2e2b;
--color-fogtown-950: #1a1b18;
}SCSS
$fogtown: #eef0e7;
$fogtown-rgb: 238, 240, 231;
$fogtown-light: mix(#fff, $fogtown, 20%);
$fogtown-dark: mix(#000, $fogtown, 20%);
.element {
color: $fogtown;
box-shadow: 0 0 0 2px rgba($fogtown, 0.35);
}