En yakın adlandırılmış renk · #C39CCD
#C39CCD
En yakın adlandırılmış renk: Lilac Lace
#C39CCD (rgb(195 156 205), hsl(288 33% 71%), oklch(0.745 0.081 319.3)) en çok Lilac Lace adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C39CCD
oklch(0.745 0.081 319.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9A6D2
- CFAFD7
- D5B9DC
- DBC3E1
- E1CDE6
- E7D7EB
- EDE1F0
- F3EBF5
- F9F5FA
Koyu tonlar
- A987B2
- 907398
- 785F7E
- 604C66
- 4A394E
- 342838
- 201823
- 0E090F
- 020102
Gri tonlar
- BC99C5
- B597BD
- AF94B5
- A891AE
- A18EA6
- 9A8B9E
- 948997
- 8D868F
- 878388
Renk uyumları
Tamamlayıcı +180°
- C39CCD
Lilac Lace
- 92B988
≈ Willow Dyed
Analog -30° +30°
- C39CCD
Lilac Lace
- AAA4DD
≈ Simply Violet
- D497B4
≈ Exotic Lilac
Üçlü +120° +240°
- C39CCD
Lilac Lace
- C8A770
≈ Balsam Brown
- 69BCC0
≈ Castaway
Bölünmüş tamamlayıcı +150° +210°
- C39CCD
Lilac Lace
- B0B174
≈ Timothy Grass
- 76BDA4
≈ Celadon Porcelain
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.95:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}