Couleur nommée la plus proche · #C79DD4
#C79DD4
Couleur nommée la plus proche: Lilac Lace
#C79DD4 (rgb(199 157 212), hsl(286 39% 72%), oklch(0.753 0.09 318.1)) 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.
#C79DD4
oklch(0.753 0.09 318.1)
Conversions de couleur
- HEX
- #c79dd4
- RGB
- rgb(199 157 212)
- HSL
- hsl(286 39% 72%)
- HWB
- hwb(286 62% 17%)
- OKLCH
- oklch(0.753 0.09 318.1)
- OKLab
- oklab(0.753 0.067 -0.06)
- CIE Lab
- lab(70.08 23.3 -22.04)
- LCH
- lch(70.08 32.07 316.6)
- CMYK
- cmyk(6% 26% 0% 17%)
Teintes · Ombres · Tons
Teintes
- CDA7D8
- D2B0DD
- D8BAE1
- DEC4E6
- E3CEEA
- E9D7EE
- EEE1F2
- F4EBF7
- F9F5FB
Ombres
- AD88B8
- 93739D
- 7A5F83
- 624C69
- 4C3A51
- 36283A
- 211824
- 0E0910
- 020102
Tons
- C09ACB
- B997C3
- B195BA
- AA92B2
- A38FA9
- 9C8CA1
- 958999
- 8E8690
- 878388
Harmonies de couleurs
Complémentaire +180°
- C79DD4
Lilac Lace
- 93BD85
≈ Hearty Hosta
Analogue -30° +30°
- C79DD4
Lilac Lace
- ACA6E5
≈ Maximum Blue Purple
- DA98B9
≈ Soft Matte
Triadique +120° +240°
- C79DD4
Lilac Lace
- CEA86C
≈ Artemis
- 62C0C3
≈ Gem Turquoise
Complémentaire divisée +150° +210°
- C79DD4
Lilac Lace
- B4B36F
≈ Rodham
- 72C1A4
≈ Gem Silica
Tétradique +90° +180° +270°
- C79DD4
Lilac Lace
- DE9E7D
≈ Ciao
- 93BD85
≈ Hearty Hosta
- 6EBADC
≈ Tribute
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.20:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--lilac-lace: #c79dd4;
--lilac-lace-rgb: 199 157 212;
--lilac-lace-oklch: oklch(0.753 0.09 318.1);
}
.element {
color: var(--lilac-lace);
background-color: hsl(286 39% 72%);
border-color: oklch(0.753 0.09 318.1);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c79dd4;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffb;
--color-lilac-lace-200: #e6c8ed;
--color-lilac-lace-300: #cca9d4;
--color-lilac-lace-400: #b58ec1;
--color-lilac-lace-500: #9f73ad;
--color-lilac-lace-600: #866192;
--color-lilac-lace-700: #6c4e75;
--color-lilac-lace-800: #4f3857;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #211526;
}SCSS
$lilac-lace: #c79dd4;
$lilac-lace-rgb: 199, 157, 212;
$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);
}