이름 색상 · #C49BD4
Mauve Mist
Mauve Mist은(는) #C49BD4: rgb(196 155 212), hsl(283 40% 72%), oklch(0.746 0.092 316.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Mauve Mist color name →
#C49BD4
oklch(0.746 0.092 316.3)
색상 변환
- HEX
- #c49bd4
- RGB
- rgb(196 155 212)
- HSL
- hsl(283 40% 72%)
- HWB
- hwb(283 61% 17%)
- OKLCH
- oklch(0.746 0.092 316.3)
- OKLab
- oklab(0.746 0.066 -0.063)
- CIE Lab
- lab(69.31 23.31 -23.25)
- LCH
- lch(69.31 32.92 315.1)
- CMYK
- cmyk(8% 27% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- CAA5D8
- D0AFDD
- D6B9E1
- DCC3E6
- E2CDEA
- E7D7EE
- EDE1F3
- F3EBF7
- F9F5FB
셰이드
- AA86B8
- 91729D
- 785E83
- 614B69
- 4A3951
- 35283A
- 211824
- 0E0910
- 020102
톤
- BD98CB
- B696C3
- AF93BA
- A891B2
- A28EAA
- 9B8BA1
- 948899
- 8D8691
- 878388
색 조화
보색 +180°
- C49BD4
Mauve Mist
- 92BB80
≈ Prime Merchandise
유사색 -30° +30°
- C49BD4
Mauve Mist
- A8A4E5
≈ Simply Violet
- D895B9
≈ Soft Fuchsia
삼각 배색 +120° +240°
- C49BD4
Mauve Mist
- CEA569
≈ Campground
- 5DBFC0
≈ Gem Turquoise
분열 보색 +150° +210°
- C49BD4
Mauve Mist
- B4B16B
≈ Rodham
- 70C0A0
≈ Gem Silica
사각 배색 +90° +180° +270°
- C49BD4
Mauve Mist
- DE9B7B
≈ Ciao
- 92BB80
≈ Prime Merchandise
- 68B9D9
≈ Baby Tears
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.98:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--mauve-mist: #c49bd4;
--mauve-mist-rgb: 196 155 212;
--mauve-mist-oklch: oklch(0.746 0.092 316.3);
}
.element {
color: var(--mauve-mist);
background-color: hsl(283 40% 72%);
border-color: oklch(0.746 0.092 316.3);
}Tailwind CSS v4
@theme {
--color-mauve-mist: #c49bd4;
--color-mauve-mist-50: #ffedff;
--color-mauve-mist-100: #f5dffc;
--color-mauve-mist-200: #e5c8ee;
--color-mauve-mist-300: #cca9d6;
--color-mauve-mist-400: #b48ec3;
--color-mauve-mist-500: #9e73af;
--color-mauve-mist-600: #866194;
--color-mauve-mist-700: #6b4e77;
--color-mauve-mist-800: #4e3858;
--color-mauve-mist-900: #36273e;
--color-mauve-mist-950: #211527;
}SCSS
$mauve-mist: #c49bd4;
$mauve-mist-rgb: 196, 155, 212;
$mauve-mist-light: mix(#fff, $mauve-mist, 20%);
$mauve-mist-dark: mix(#000, $mauve-mist, 20%);
.element {
color: $mauve-mist;
box-shadow: 0 0 0 2px rgba($mauve-mist, 0.35);
}