Nazwany kolor · #B69FCC
Dechala Lilac
Dechala Lilac to #B69FCC: rgb(182 159 204), hsl(271 31% 71%), oklch(0.738 0.069 307.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Dechala Lilac color name →
#B69FCC
oklch(0.738 0.069 307.9)
Konwersje koloru
- HEX
- #b69fcc
- RGB
- rgb(182 159 204)
- HSL
- hsl(271 31% 71%)
- HWB
- hwb(271 62% 20%)
- OKLCH
- oklch(0.738 0.069 307.9)
- OKLab
- oklab(0.738 0.042 -0.054)
- CIE Lab
- lab(68.7 15.12 -19.92)
- LCH
- lch(68.7 25.01 307.2)
- CMYK
- cmyk(11% 22% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDA8D1
- C4B2D6
- CBBBDC
- D3C5E1
- DACEE6
- E1D8EB
- E9E2F0
- F0EBF5
- F8F5FA
Odcienie ciemniejsze
- 9E8AB1
- 867597
- 6F617E
- 594D65
- 443B4E
- 302937
- 1D1822
- 0C090F
- 020102
Tony
- B09CC4
- AB99BD
- A596B5
- A093AD
- 9B90A6
- 958D9E
- 908996
- 8B868F
- 858387
Harmonie kolorów
Komplementarna +180°
- B69FCC
Dechala Lilac
- 9EB384
≈ Easy Green
Analogowa -30° +30°
- B69FCC
Dechala Lilac
- 9FA6D6
≈ Sorbet Ice Mauve
- C79AB9
≈ Morning Glory Pink
Triada +120° +240°
- B69FCC
Dechala Lilac
- C7A27C
≈ Fresh Sawdust
- 76B8B2
≈ Earth Eclipse
Komplementarna rozszczepiona +150° +210°
- B69FCC
Dechala Lilac
- B5AB79
≈ Even Growth
- 86B89A
≈ Garden View
Tetrada +90° +180° +270°
- B69FCC
Dechala Lilac
- D19C8B
≈ Nectarine Spice
- 9EB384
≈ Easy Green
- 77B5C7
≈ Tennis Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.38:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.82:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--dechala-lilac: #b69fcc;
--dechala-lilac-rgb: 182 159 204;
--dechala-lilac-oklch: oklch(0.738 0.069 307.9);
}
.element {
color: var(--dechala-lilac);
background-color: hsl(271 31% 71%);
border-color: oklch(0.738 0.069 307.9);
}Tailwind CSS v4
@theme {
--color-dechala-lilac: #b69fcc;
--color-dechala-lilac-50: #fbf0ff;
--color-dechala-lilac-100: #efe2fa;
--color-dechala-lilac-200: #ddcdeb;
--color-dechala-lilac-300: #c2aed2;
--color-dechala-lilac-400: #aa94be;
--color-dechala-lilac-500: #937aaa;
--color-dechala-lilac-600: #7c678f;
--color-dechala-lilac-700: #635373;
--color-dechala-lilac-800: #483c55;
--color-dechala-lilac-900: #32293c;
--color-dechala-lilac-950: #1e1725;
}SCSS
$dechala-lilac: #b69fcc;
$dechala-lilac-rgb: 182, 159, 204;
$dechala-lilac-light: mix(#fff, $dechala-lilac, 20%);
$dechala-lilac-dark: mix(#000, $dechala-lilac, 20%);
.element {
color: $dechala-lilac;
box-shadow: 0 0 0 2px rgba($dechala-lilac, 0.35);
}