Benannte Farbe · #E7E3DB
Foggy Day
Foggy Day ist #E7E3DB: rgb(231 227 219), hsl(40 20% 88%), oklch(0.917 0.012 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Foggy Day color name →
#E7E3DB
oklch(0.917 0.012 84.6)
Farbumrechnungen
- HEX
- #e7e3db
- RGB
- rgb(231 227 219)
- HSL
- hsl(40 20% 88%)
- HWB
- hwb(40 86% 9%)
- OKLCH
- oklch(0.917 0.012 84.6)
- OKLab
- oklab(0.917 0.001 0.012)
- CIE Lab
- lab(90.39 0.37 4.42)
- LCH
- lch(90.39 4.44 85.2)
- CMYK
- cmyk(0% 2% 5% 9%)
Tints · Shades · Tones
Tints
- E9E6DF
- ECE9E2
- EEEBE6
- F1EEE9
- F3F1ED
- F5F4F0
- F8F7F4
- FAF9F8
- FDFCFB
Shades
- C9C5BE
- ABA8A2
- 8F8C87
- 73716D
- 595754
- 403F3C
- 282726
- 131211
- 030302
Tones
- DCD9D2
- D2CEC8
- C7C4BF
- BCBAB6
- B2B0AC
- A8A6A3
- 9E9D9A
- 949391
- 8A8989
Farbharmonien
Komplementär +180°
- E7E3DB
Foggy Day
- E0E4EB
≈ Chapeau Violet
Analog -30° +30°
- E7E3DB
Foggy Day
- EAE2DC
≈ Newmarket Sausage
- E3E4DC
≈ Ghost Story
Triadisch +120° +240°
- E7E3DB
Foggy Day
- DBE6E7
≈ Smoke and Mirrors
- E8E1E8
≈ Violet Vogue
Geteilt komplementär +150° +210°
- E7E3DB
Foggy Day
- DCE5EA
≈ Snowcap
- E4E2EB
≈ Guardian Angel
Tetradisch +90° +180° +270°
- E7E3DB
Foggy Day
- DCE6E3
≈ Mild Mint
- E0E4EB
≈ Chapeau Violet
- EAE0E4
≈ Dainty Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.40:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--foggy-day: #e7e3db;
--foggy-day-rgb: 231 227 219;
--foggy-day-oklch: oklch(0.917 0.012 84.6);
}
.element {
color: var(--foggy-day);
background-color: hsl(40 20% 88%);
border-color: oklch(0.917 0.012 84.6);
}Tailwind CSS v4
@theme {
--color-foggy-day: #e7e3db;
--color-foggy-day-50: #f6f5f1;
--color-foggy-day-100: #e9e8e4;
--color-foggy-day-200: #d6d4cf;
--color-foggy-day-300: #bab7b1;
--color-foggy-day-400: #a29e97;
--color-foggy-day-500: #8a867e;
--color-foggy-day-600: #74716a;
--color-foggy-day-700: #5d5a55;
--color-foggy-day-800: #44423e;
--color-foggy-day-900: #2f2e2b;
--color-foggy-day-950: #1c1a18;
}SCSS
$foggy-day: #e7e3db;
$foggy-day-rgb: 231, 227, 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);
}