Nazwany kolor · #C3B9D8
Lilac Lust
Lilac Lust to #C3B9D8: rgb(195 185 216), hsl(259 28% 79%), oklch(0.804 0.044 300.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lilac Lust color name →
#C3B9D8
oklch(0.804 0.044 300.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9C0DC
- CFC7E0
- D5CEE4
- DBD5E8
- E1DCEC
- E7E3EF
- EDEAF3
- F3F1F7
- F9F8FB
Odcienie ciemniejsze
- A9A0BC
- 9089A0
- 787185
- 605B6B
- 4A4653
- 34313B
- 201E25
- 0E0D11
- 020202
Tony
- BCB3CF
- B5ADC6
- AEA8BD
- A8A2B4
- A19CAB
- 9A96A2
- 94919A
- 8D8B91
- 868688
Harmonie kolorów
Komplementarna +180°
- C3B9D8
Lilac Lust
- BBC4A4
≈ Quaking Grass
Analogowa -30° +30°
- C3B9D8
Lilac Lust
- B4BEDD
≈ Stardust Evening
- D0B5CD
≈ Mary Poppins
Triada +120° +240°
- C3B9D8
Lilac Lust
- D5B9A3
≈ Hazy Earth
- A1C9C0
≈ Wave Runner
Komplementarna rozszczepiona +150° +210°
- C3B9D8
Lilac Lust
- CABE9F
≈ Sandwashed
- ABC8B0
≈ Gum Leaf
Tetrada +90° +180° +270°
- C3B9D8
Lilac Lust
- DAB5AE
≈ Peach Whip
- BBC4A4
≈ Quaking Grass
- 9FC7CF
≈ Agua Fría
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.25:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
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);
}