Najbliższy nazwany kolor · #C79DD4
#C79DD4
Najbliższy nazwany kolor: Lilac Lace
#C79DD4 (rgb(199 157 212), hsl(286 39% 72%), oklch(0.753 0.09 318.1)) jest najbliższy nazwanemu kolorowi Lilac Lace. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C79DD4
oklch(0.753 0.09 318.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDA7D8
- D2B0DD
- D8BAE1
- DEC4E6
- E3CEEA
- E9D7EE
- EEE1F2
- F4EBF7
- F9F5FB
Odcienie ciemniejsze
- AD88B8
- 93739D
- 7A5F83
- 624C69
- 4C3A51
- 36283A
- 211824
- 0E0910
- 020102
Tony
- C09ACB
- B997C3
- B195BA
- AA92B2
- A38FA9
- 9C8CA1
- 958999
- 8E8690
- 878388
Harmonie kolorów
Komplementarna +180°
- C79DD4
Lilac Lace
- 93BD85
≈ Hearty Hosta
Analogowa -30° +30°
- C79DD4
Lilac Lace
- ACA6E5
≈ Maximum Blue Purple
- DA98B9
≈ Soft Matte
Triada +120° +240°
- C79DD4
Lilac Lace
- CEA86C
≈ Artemis
- 62C0C3
≈ Gem Turquoise
Komplementarna rozszczepiona +150° +210°
- C79DD4
Lilac Lace
- B4B36F
≈ Rodham
- 72C1A4
≈ Gem Silica
Tetrada +90° +180° +270°
- C79DD4
Lilac Lace
- DE9E7D
≈ Ciao
- 93BD85
≈ Hearty Hosta
- 6EBADC
≈ Tribute
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.20:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}