Adlandırılmış renk · #E4EEEA
Waterfall Mist
Waterfall Mist, #E4EEEA: rgb(228 238 234), hsl(156 23% 91%), oklch(0.94 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? → · Waterfall Mist color name →
#E4EEEA
oklch(0.94 0.012 170.3)
Renk dönüşümleri
- HEX
- #e4eeea
- RGB
- rgb(228 238 234)
- HSL
- hsl(156 23% 91%)
- HWB
- hwb(156 89% 7%)
- OKLCH
- oklch(0.94 0.012 170.3)
- OKLab
- oklab(0.94 -0.012 0.002)
- CIE Lab
- lab(93.25 -3.98 0.73)
- LCH
- lch(93.25 4.05 169.6)
- CMYK
- cmyk(4% 0% 2% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7F0EC
- E9F1EE
- ECF3F0
- EFF5F2
- F1F6F4
- F4F8F7
- F7FAF9
- FAFCFB
- FCFDFD
Koyu tonlar
- C6CFCB
- A9B1AE
- 8D9391
- 727775
- 585C5A
- 3F4241
- 282A29
- 121413
- 030303
Gri tonlar
- DAE2DF
- CFD7D4
- C5CCC9
- BBC1BE
- B1B5B4
- A7AAA9
- 9DA09F
- 939594
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E4EEEA
Waterfall Mist
- F2E8EC
≈ Rose Fantasy
Analog -30° +30°
- E4EEEA
Waterfall Mist
- E7EDE6
≈ Bone Dust
- E3EEEE
≈ Bashful
Üçlü +120° +240°
- E4EEEA
Waterfall Mist
- EBEAF3
≈ Silver Phoenix
- F2E9E4
≈ Sauvignon
Bölünmüş tamamlayıcı +150° +210°
- E4EEEA
Waterfall Mist
- EFE9F0
≈ Greek Goddess
- F3E8E8
≈ White Christmas
Dörtlü +90° +180° +270°
- E4EEEA
Waterfall Mist
- E7ECF4
≈ Coconut White
- F2E8EC
≈ Rose Fantasy
- EFEBE3
≈ Linen Ruffle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.71:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--waterfall-mist: #e4eeea;
--waterfall-mist-rgb: 228 238 234;
--waterfall-mist-oklch: oklch(0.94 0.012 170.3);
}
.element {
color: var(--waterfall-mist);
background-color: hsl(156 23% 91%);
border-color: oklch(0.94 0.012 170.3);
}Tailwind CSS v4
@theme {
--color-waterfall-mist: #e4eeea;
--color-waterfall-mist-50: #f2f6f5;
--color-waterfall-mist-100: #e4e9e7;
--color-waterfall-mist-200: #cfd6d3;
--color-waterfall-mist-300: #b2b9b7;
--color-waterfall-mist-400: #98a19d;
--color-waterfall-mist-500: #7f8985;
--color-waterfall-mist-600: #6b7470;
--color-waterfall-mist-700: #565d5a;
--color-waterfall-mist-800: #3f4441;
--color-waterfall-mist-900: #2b2f2d;
--color-waterfall-mist-950: #181b1a;
}SCSS
$waterfall-mist: #e4eeea;
$waterfall-mist-rgb: 228, 238, 234;
$waterfall-mist-light: mix(#fff, $waterfall-mist, 20%);
$waterfall-mist-dark: mix(#000, $waterfall-mist, 20%);
.element {
color: $waterfall-mist;
box-shadow: 0 0 0 2px rgba($waterfall-mist, 0.35);
}