이름 색상 · #C3B9D8
Lilac Lust
Lilac Lust은(는) #C3B9D8: rgb(195 185 216), hsl(259 28% 79%), oklch(0.804 0.044 300.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lilac Lust color name →
#C3B9D8
oklch(0.804 0.044 300.1)
색상 변환
- HEX
- #c3b9d8
- RGB
- rgb(195 185 216)
- HSL
- hsl(259 28% 79%)
- HWB
- hwb(259 73% 15%)
- OKLCH
- oklch(0.804 0.044 300.1)
- OKLab
- oklab(0.804 0.022 -0.038)
- CIE Lab
- lab(76.73 8.08 -14.3)
- LCH
- lch(76.73 16.43 299.5)
- CMYK
- cmyk(10% 14% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- C9C0DC
- CFC7E0
- D5CEE4
- DBD5E8
- E1DCEC
- E7E3EF
- EDEAF3
- F3F1F7
- F9F8FB
셰이드
- A9A0BC
- 9089A0
- 787185
- 605B6B
- 4A4653
- 34313B
- 201E25
- 0E0D11
- 020202
톤
- BCB3CF
- B5ADC6
- AEA8BD
- A8A2B4
- A19CAB
- 9A96A2
- 94919A
- 8D8B91
- 868688
색 조화
보색 +180°
- C3B9D8
Lilac Lust
- BBC4A4
≈ Quaking Grass
유사색 -30° +30°
- C3B9D8
Lilac Lust
- B4BEDD
≈ Stardust Evening
- D0B5CD
≈ Mary Poppins
삼각 배색 +120° +240°
- C3B9D8
Lilac Lust
- D5B9A3
≈ Hazy Earth
- A1C9C0
≈ Wave Runner
분열 보색 +150° +210°
- C3B9D8
Lilac Lust
- CABE9F
≈ Sandwashed
- ABC8B0
≈ Gum Leaf
사각 배색 +90° +180° +270°
- C3B9D8
Lilac Lust
- DAB5AE
≈ Peach Whip
- BBC4A4
≈ Quaking Grass
- 9FC7CF
≈ Agua Fría
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.25:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-lust: #c3b9d8;
--lilac-lust-rgb: 195 185 216;
--lilac-lust-oklch: oklch(0.804 0.044 300.1);
}
.element {
color: var(--lilac-lust);
background-color: hsl(259 28% 79%);
border-color: oklch(0.804 0.044 300.1);
}Tailwind CSS v4
@theme {
--color-lilac-lust: #c3b9d8;
--color-lilac-lust-50: #f7f2ff;
--color-lilac-lust-100: #eae5f5;
--color-lilac-lust-200: #d7d0e5;
--color-lilac-lust-300: #bbb2cb;
--color-lilac-lust-400: #a299b5;
--color-lilac-lust-500: #8a80a0;
--color-lilac-lust-600: #756c87;
--color-lilac-lust-700: #5e576c;
--color-lilac-lust-800: #443f50;
--color-lilac-lust-900: #2f2c38;
--color-lilac-lust-950: #1c1922;
}SCSS
$lilac-lust: #c3b9d8;
$lilac-lust-rgb: 195, 185, 216;
$lilac-lust-light: mix(#fff, $lilac-lust, 20%);
$lilac-lust-dark: mix(#000, $lilac-lust, 20%);
.element {
color: $lilac-lust;
box-shadow: 0 0 0 2px rgba($lilac-lust, 0.35);
}