Couleur nommée la plus proche · #C39CCD
#C39CCD
Couleur nommée la plus proche: Lilac Lace
#C39CCD (rgb(195 156 205), hsl(288 33% 71%), oklch(0.745 0.081 319.3)) est la plus proche de la couleur nommée Lilac Lace. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C39CCD
oklch(0.745 0.081 319.3)
Conversions de couleur
- HEX
- #c39ccd
- RGB
- rgb(195 156 205)
- HSL
- hsl(288 33% 71%)
- HWB
- hwb(288 61% 20%)
- OKLCH
- oklch(0.745 0.081 319.3)
- OKLab
- oklab(0.745 0.062 -0.053)
- CIE Lab
- lab(69.24 21.39 -19.51)
- LCH
- lch(69.24 28.95 317.6)
- CMYK
- cmyk(5% 24% 0% 20%)
Teintes · Ombres · Tons
Teintes
- C9A6D2
- CFAFD7
- D5B9DC
- DBC3E1
- E1CDE6
- E7D7EB
- EDE1F0
- F3EBF5
- F9F5FA
Ombres
- A987B2
- 907398
- 785F7E
- 604C66
- 4A394E
- 342838
- 201823
- 0E090F
- 020102
Tons
- BC99C5
- B597BD
- AF94B5
- A891AE
- A18EA6
- 9A8B9E
- 948997
- 8D868F
- 878388
Harmonies de couleurs
Complémentaire +180°
- C39CCD
Lilac Lace
- 92B988
≈ Willow Dyed
Analogue -30° +30°
- C39CCD
Lilac Lace
- AAA4DD
≈ Simply Violet
- D497B4
≈ Exotic Lilac
Triadique +120° +240°
- C39CCD
Lilac Lace
- C8A770
≈ Balsam Brown
- 69BCC0
≈ Castaway
Complémentaire divisée +150° +210°
- C39CCD
Lilac Lace
- B0B174
≈ Timothy Grass
- 76BDA4
≈ Celadon Porcelain
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.34:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.95:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--lilac-lace: #c39ccd;
--lilac-lace-rgb: 195 156 205;
--lilac-lace-oklch: oklch(0.745 0.081 319.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 33% 71%);
border-color: oklch(0.745 0.081 319.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c39ccd;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f5e0f9;
--color-lilac-lace-200: #e5c9ea;
--color-lilac-lace-300: #cbaad1;
--color-lilac-lace-400: #b48fbd;
--color-lilac-lace-500: #9e74a8;
--color-lilac-lace-600: #85638e;
--color-lilac-lace-700: #6b4f72;
--color-lilac-lace-800: #4e3955;
--color-lilac-lace-900: #36273b;
--color-lilac-lace-950: #211525;
}SCSS
$lilac-lace: #c39ccd;
$lilac-lace-rgb: 195, 156, 205;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}