Adlandırılmış renk · #EBE2E8
Dream Dust
Dream Dust, #EBE2E8: rgb(235 226 232), hsl(320 18% 90%), oklch(0.922 0.013 337.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dream Dust color name →
#EBE2E8
oklch(0.922 0.013 337.5)
Renk dönüşümleri
- HEX
- #ebe2e8
- RGB
- rgb(235 226 232)
- HSL
- hsl(320 18% 90%)
- HWB
- hwb(320 89% 8%)
- OKLCH
- oklch(0.922 0.013 337.5)
- OKLab
- oklab(0.922 0.012 -0.005)
- CIE Lab
- lab(90.73 3.94 -1.79)
- LCH
- lch(90.73 4.33 335.6)
- CMYK
- cmyk(0% 4% 1% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE5EA
- EFE8ED
- F1EBEF
- F3EEF1
- F5F0F3
- F7F3F6
- F9F6F8
- FBF9FA
- FDFCFD
Koyu tonlar
- CCC4CA
- AEA8AC
- 918C90
- 757174
- 5B5759
- 413E40
- 292729
- 131213
- 030303
Gri tonlar
- E0D8DD
- D5CED2
- CAC4C8
- BFBABD
- B4B0B3
- A9A6A8
- 9F9C9E
- 949394
- 8A898A
Renk uyumları
Tamamlayıcı +180°
- EBE2E8
Dream Dust
- DFE8E2
≈ Sandwashed Glassshard
Analog -30° +30°
- EBE2E8
Dream Dust
- E7E3EC
≈ Soft Iris
- EDE2E3
≈ Delicacy White
Üçlü +120° +240°
- EBE2E8
Dream Dust
- E7E5DC
≈ Silvery Moon
- DCE7EB
≈ Moby Dick
Bölünmüş tamamlayıcı +150° +210°
- EBE2E8
Dream Dust
- E3E7DE
≈ Spider Cotton
- DCE8E6
≈ Starburst
Dörtlü +90° +180° +270°
- EBE2E8
Dream Dust
- EBE4DC
≈ Pampas
- DFE8E2
≈ Sandwashed Glassshard
- DFE6ED
≈ White Frost
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.57:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--dream-dust: #ebe2e8;
--dream-dust-rgb: 235 226 232;
--dream-dust-oklch: oklch(0.922 0.013 337.5);
}
.element {
color: var(--dream-dust);
background-color: hsl(320 18% 90%);
border-color: oklch(0.922 0.013 337.5);
}Tailwind CSS v4
@theme {
--color-dream-dust: #ebe2e8;
--color-dream-dust-50: #f8f4f6;
--color-dream-dust-100: #ebe6e9;
--color-dream-dust-200: #d8d2d6;
--color-dream-dust-300: #bcb5b9;
--color-dream-dust-400: #a49ca1;
--color-dream-dust-500: #8c8389;
--color-dream-dust-600: #766f74;
--color-dream-dust-700: #5f595d;
--color-dream-dust-800: #454144;
--color-dream-dust-900: #302d2f;
--color-dream-dust-950: #1c1a1c;
}SCSS
$dream-dust: #ebe2e8;
$dream-dust-rgb: 235, 226, 232;
$dream-dust-light: mix(#fff, $dream-dust, 20%);
$dream-dust-dark: mix(#000, $dream-dust, 20%);
.element {
color: $dream-dust;
box-shadow: 0 0 0 2px rgba($dream-dust, 0.35);
}