이름 색상 · #DBD1E2
Purple Mist
Purple Mist은(는) #DBD1E2: rgb(219 209 226), hsl(275 23% 85%), oklch(0.874 0.025 311.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Purple Mist color name →
#DBD1E2
oklch(0.874 0.025 311.7)
색상 변환
- HEX
- #dbd1e2
- RGB
- rgb(219 209 226)
- HSL
- hsl(275 23% 85%)
- HWB
- hwb(275 82% 11%)
- OKLCH
- oklch(0.874 0.025 311.7)
- OKLab
- oklab(0.874 0.017 -0.019)
- CIE Lab
- lab(85.04 5.86 -7.12)
- LCH
- lch(85.04 9.22 309.5)
- CMYK
- cmyk(3% 8% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- DFD6E5
- E2DAE8
- E6DFEB
- E9E3EE
- EDE8F0
- F0ECF3
- F4F1F6
- F8F6F9
- FBFAFC
셰이드
- BEB5C4
- A29BA8
- 87818C
- 6D6871
- 545057
- 3C393E
- 262327
- 111012
- 020203
톤
- D2C9D8
- C8C0CE
- BFB8C4
- B6B0BA
- ACA8B0
- A3A0A6
- 9A989C
- 919093
- 898889
색 조화
보색 +180°
- DBD1E2
Purple Mist
- CFD9C8
≈ Bayberry Frost
유사색 -30° +30°
- DBD1E2
Purple Mist
- D2D4E6
≈ Blushing Lilac
- E2CFDA
≈ Orchid Ice
삼각 배색 +120° +240°
- DBD1E2
Purple Mist
- E0D3C4
≈ Wheat Sheaf
- C3DBDA
≈ Cold Air Turquoise
분열 보색 +150° +210°
- DBD1E2
Purple Mist
- D8D6C4
≈ Whetstone
- C8DBD0
≈ Tenderness
사각 배색 +90° +180° +270°
- DBD1E2
Purple Mist
- E5D0C9
≈ Pink Marble
- CFD9C8
≈ Bayberry Frost
- C4DAE2
≈ Getting Wet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.23:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--purple-mist: #dbd1e2;
--purple-mist-rgb: 219 209 226;
--purple-mist-oklch: oklch(0.874 0.025 311.7);
}
.element {
color: var(--purple-mist);
background-color: hsl(275 23% 85%);
border-color: oklch(0.874 0.025 311.7);
}Tailwind CSS v4
@theme {
--color-purple-mist: #dbd1e2;
--color-purple-mist-50: #f8f3fa;
--color-purple-mist-100: #ebe5ee;
--color-purple-mist-200: #d8d1dc;
--color-purple-mist-300: #bcb4c1;
--color-purple-mist-400: #a39aaa;
--color-purple-mist-500: #8c8293;
--color-purple-mist-600: #766e7c;
--color-purple-mist-700: #5f5863;
--color-purple-mist-800: #454049;
--color-purple-mist-900: #302c33;
--color-purple-mist-950: #1c191e;
}SCSS
$purple-mist: #dbd1e2;
$purple-mist-rgb: 219, 209, 226;
$purple-mist-light: mix(#fff, $purple-mist, 20%);
$purple-mist-dark: mix(#000, $purple-mist, 20%);
.element {
color: $purple-mist;
box-shadow: 0 0 0 2px rgba($purple-mist, 0.35);
}