이름 색상 · #DACCDE
Violet Mist
Violet Mist은(는) #DACCDE: rgb(218 204 222), hsl(287 21% 84%), oklch(0.862 0.029 318.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Violet Mist color name →
#DACCDE
oklch(0.862 0.029 318.7)
색상 변환
- HEX
- #daccde
- RGB
- rgb(218 204 222)
- HSL
- hsl(287 21% 84%)
- HWB
- hwb(287 80% 13%)
- OKLCH
- oklch(0.862 0.029 318.7)
- OKLab
- oklab(0.862 0.022 -0.019)
- CIE Lab
- lab(83.61 7.43 -7.11)
- LCH
- lch(83.61 10.29 316.3)
- CMYK
- cmyk(2% 8% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- DED1E1
- E1D6E5
- E5DBE8
- E9E0EB
- ECE5EE
- F0EAF2
- F4F0F5
- F8F5F8
- FBFAFC
셰이드
- BDB1C1
- A297A5
- 877E89
- 6C656F
- 544E55
- 3C373D
- 252226
- 110F12
- 020202
톤
- D1C4D4
- C7BCCA
- BEB5C1
- B5ADB7
- ACA5AE
- A39EA4
- 9A969B
- 918F92
- 898789
색 조화
보색 +180°
- DACCDE
Violet Mist
- C8D7C4
≈ French Limestone
유사색 -30° +30°
- DACCDE
Violet Mist
- D0CFE4
≈ Wildflower Prairie
- E1CAD5
≈ Sweet and Sassy
삼각 배색 +120° +240°
- DACCDE
Violet Mist
- DCD0BD
≈ Sandy Clay
- BDD8D9
≈ Alexandrian Sky
분열 보색 +150° +210°
- DACCDE
Violet Mist
- D3D3BE
≈ Brainstorm
- C0D8CE
≈ Meadow Lane
사각 배색 +90° +180° +270°
- DACCDE
Violet Mist
- E2CDC2
≈ Humble Blush
- C8D7C4
≈ French Limestone
- BFD6E1
≈ Bridgewater Bay
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.67:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.67:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--violet-mist: #daccde;
--violet-mist-rgb: 218 204 222;
--violet-mist-oklch: oklch(0.862 0.029 318.7);
}
.element {
color: var(--violet-mist);
background-color: hsl(287 21% 84%);
border-color: oklch(0.862 0.029 318.7);
}Tailwind CSS v4
@theme {
--color-violet-mist: #daccde;
--color-violet-mist-50: #f9f3fa;
--color-violet-mist-100: #ece5ee;
--color-violet-mist-200: #dad0dc;
--color-violet-mist-300: #beb3c1;
--color-violet-mist-400: #a699aa;
--color-violet-mist-500: #8f8093;
--color-violet-mist-600: #796d7c;
--color-violet-mist-700: #615763;
--color-violet-mist-800: #463f49;
--color-violet-mist-900: #312c33;
--color-violet-mist-950: #1d191e;
}SCSS
$violet-mist: #daccde;
$violet-mist-rgb: 218, 204, 222;
$violet-mist-light: mix(#fff, $violet-mist, 20%);
$violet-mist-dark: mix(#000, $violet-mist, 20%);
.element {
color: $violet-mist;
box-shadow: 0 0 0 2px rgba($violet-mist, 0.35);
}