Adlandırılmış renk · #DBD1E8
Shimmering Sky
Shimmering Sky, #DBD1E8: rgb(219 209 232), hsl(266 33% 86%), oklch(0.876 0.033 305.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? → · Shimmering Sky color name →
#DBD1E8
oklch(0.876 0.033 305.3)
Renk dönüşümleri
- HEX
- #dbd1e8
- RGB
- rgb(219 209 232)
- HSL
- hsl(266 33% 86%)
- HWB
- hwb(266 82% 9%)
- OKLCH
- oklch(0.876 0.033 305.3)
- OKLab
- oklab(0.876 0.019 -0.027)
- CIE Lab
- lab(85.18 6.71 -10.08)
- LCH
- lch(85.18 12.11 303.7)
- CMYK
- cmyk(6% 10% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFD6EA
- E2DAED
- E6DFEF
- E9E3F1
- EDE8F4
- F0ECF6
- F4F1F8
- F8F6FA
- FBFAFD
Koyu tonlar
- BEB5CA
- A29BAC
- 878190
- 6D6874
- 545059
- 3C3940
- 262329
- 111013
- 020203
Gri tonlar
- D2C9DD
- C8C0D2
- BFB8C8
- B6B0BD
- ACA8B3
- A3A0A8
- 9A989E
- 919094
- 89888A
Renk uyumları
Tamamlayıcı +180°
- DBD1E8
Shimmering Sky
- D1DAC3
≈ Issey-San
Analog -30° +30°
- DBD1E8
Shimmering Sky
- CFD5EC
≈ Light Powdered Granite
- E5CEDF
≈ Summer Clover
Üçlü +120° +240°
- DBD1E8
Shimmering Sky
- E6D2C0
≈ Simply Subtle Pink
- BFDED9
≈ Antiguan
Bölünmüş tamamlayıcı +150° +210°
- DBD1E8
Shimmering Sky
- DCD6BE
≈ Caraway Seeds
- C6DDCD
≈ Green Wash
Dörtlü +90° +180° +270°
- DBD1E8
Shimmering Sky
- EBCFC8
≈ Charmed
- D1DAC3
≈ Issey-San
- BFDCE4
≈ Washing Powder White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.29:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--shimmering-sky: #dbd1e8;
--shimmering-sky-rgb: 219 209 232;
--shimmering-sky-oklch: oklch(0.876 0.033 305.3);
}
.element {
color: var(--shimmering-sky);
background-color: hsl(266 33% 86%);
border-color: oklch(0.876 0.033 305.3);
}Tailwind CSS v4
@theme {
--color-shimmering-sky: #dbd1e8;
--color-shimmering-sky-50: #f8f3fd;
--color-shimmering-sky-100: #ebe5f1;
--color-shimmering-sky-200: #d8d1e0;
--color-shimmering-sky-300: #bcb3c5;
--color-shimmering-sky-400: #a39aae;
--color-shimmering-sky-500: #8b8198;
--color-shimmering-sky-600: #766d81;
--color-shimmering-sky-700: #5e5767;
--color-shimmering-sky-800: #45404c;
--color-shimmering-sky-900: #2f2c35;
--color-shimmering-sky-950: #1c1920;
}SCSS
$shimmering-sky: #dbd1e8;
$shimmering-sky-rgb: 219, 209, 232;
$shimmering-sky-light: mix(#fff, $shimmering-sky, 20%);
$shimmering-sky-dark: mix(#000, $shimmering-sky, 20%);
.element {
color: $shimmering-sky;
box-shadow: 0 0 0 2px rgba($shimmering-sky, 0.35);
}