이름 색상 · #DBD1E8
Shimmering Sky
Shimmering Sky은(는) #DBD1E8: rgb(219 209 232), hsl(266 33% 86%), oklch(0.876 0.033 305.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Shimmering Sky color name →
#DBD1E8
oklch(0.876 0.033 305.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFD6EA
- E2DAED
- E6DFEF
- E9E3F1
- EDE8F4
- F0ECF6
- F4F1F8
- F8F6FA
- FBFAFD
셰이드
- BEB5CA
- A29BAC
- 878190
- 6D6874
- 545059
- 3C3940
- 262329
- 111013
- 020203
톤
- D2C9DD
- C8C0D2
- BFB8C8
- B6B0BD
- ACA8B3
- A3A0A8
- 9A989E
- 919094
- 89888A
색 조화
보색 +180°
- DBD1E8
Shimmering Sky
- D1DAC3
≈ Issey-San
유사색 -30° +30°
- DBD1E8
Shimmering Sky
- CFD5EC
≈ Light Powdered Granite
- E5CEDF
≈ Summer Clover
삼각 배색 +120° +240°
- DBD1E8
Shimmering Sky
- E6D2C0
≈ Simply Subtle Pink
- BFDED9
≈ Antiguan
분열 보색 +150° +210°
- DBD1E8
Shimmering Sky
- DCD6BE
≈ Caraway Seeds
- C6DDCD
≈ Green Wash
사각 배색 +90° +180° +270°
- DBD1E8
Shimmering Sky
- EBCFC8
≈ Charmed
- D1DAC3
≈ Issey-San
- BFDCE4
≈ Washing Powder White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.29:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
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);
}