Adlandırılmış renk · #DFE9E5
Fresh Day
Fresh Day, #DFE9E5: rgb(223 233 229), hsl(156 19% 89%), oklch(0.925 0.012 170.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Fresh Day color name →
#DFE9E5
oklch(0.925 0.012 170.3)
Renk dönüşümleri
- HEX
- #dfe9e5
- RGB
- rgb(223 233 229)
- HSL
- hsl(156 19% 89%)
- HWB
- hwb(156 87% 9%)
- OKLCH
- oklch(0.925 0.012 170.3)
- OKLab
- oklab(0.925 -0.012 0.002)
- CIE Lab
- lab(91.5 -4 0.73)
- LCH
- lch(91.5 4.06 169.6)
- CMYK
- cmyk(4% 0% 2% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2EBE8
- E5EDEA
- E9F0ED
- ECF2EF
- EFF4F2
- F2F6F5
- F5F8F7
- F9FBFA
- FCFDFC
Koyu tonlar
- C2CBC7
- A5ADAA
- 8A908E
- 6F7472
- 565A58
- 3D413F
- 272928
- 121312
- 020303
Gri tonlar
- D5DEDA
- CBD3D0
- C2C8C6
- B8BEBB
- AEB3B1
- A5A9A7
- 9B9E9D
- 929493
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DFE9E5
Fresh Day
- EDE3E7
≈ Dream Dust
Analog -30° +30°
- DFE9E5
Fresh Day
- E2E8E1
≈ Poetic Licence
- DEE9E9
≈ Carefree
Üçlü +120° +240°
- DFE9E5
Fresh Day
- E6E5EE
≈ Iris Isle
- EDE4DF
≈ Irish Linen
Bölünmüş tamamlayıcı +150° +210°
- DFE9E5
Fresh Day
- EAE4EB
≈ Easter Bunny
- EEE3E3
≈ Shattered Porcelain
Dörtlü +90° +180° +270°
- DFE9E5
Fresh Day
- E2E7EF
≈ Ghostly Tuna
- EDE3E7
≈ Dream Dust
- EAE6DE
≈ Pearly Gates
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.92:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--fresh-day: #dfe9e5;
--fresh-day-rgb: 223 233 229;
--fresh-day-oklch: oklch(0.925 0.012 170.3);
}
.element {
color: var(--fresh-day);
background-color: hsl(156 19% 89%);
border-color: oklch(0.925 0.012 170.3);
}Tailwind CSS v4
@theme {
--color-fresh-day: #dfe9e5;
--color-fresh-day-50: #f2f6f5;
--color-fresh-day-100: #e4e9e7;
--color-fresh-day-200: #cfd6d3;
--color-fresh-day-300: #b2b9b7;
--color-fresh-day-400: #98a19d;
--color-fresh-day-500: #7f8985;
--color-fresh-day-600: #6b7470;
--color-fresh-day-700: #565d5a;
--color-fresh-day-800: #3f4441;
--color-fresh-day-900: #2b2f2d;
--color-fresh-day-950: #181b1a;
}SCSS
$fresh-day: #dfe9e5;
$fresh-day-rgb: 223, 233, 229;
$fresh-day-light: mix(#fff, $fresh-day, 20%);
$fresh-day-dark: mix(#000, $fresh-day, 20%);
.element {
color: $fresh-day;
box-shadow: 0 0 0 2px rgba($fresh-day, 0.35);
}