En yakın adlandırılmış renk · #CFA4CF
#CFA4CF
En yakın adlandırılmış renk: Lilac Lace
#CFA4CF (rgb(207 164 207), hsl(300 31% 73%), oklch(0.771 0.077 326.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.
#CFA4CF
oklch(0.771 0.077 326.3)
Renk dönüşümleri
- HEX
- #cfa4cf
- RGB
- rgb(207 164 207)
- HSL
- hsl(300 31% 73%)
- HWB
- hwb(300 64% 19%)
- OKLCH
- oklch(0.771 0.077 326.3)
- OKLab
- oklab(0.771 0.064 -0.043)
- CIE Lab
- lab(72.41 21.75 -15.71)
- LCH
- lch(72.41 26.83 324.2)
- CMYK
- cmyk(0% 21% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4ADD4
- D9B6D9
- DEBFDD
- E3C8E2
- E7D1E7
- ECDAEC
- F1E3F1
- F6ECF5
- FAF6FA
Koyu tonlar
- B48EB4
- 997999
- 7F647F
- 675067
- 4F3D4F
- 382B38
- 231A23
- 100A10
- 020102
Gri tonlar
- C7A0C7
- BF9DBF
- B799B7
- AF96AF
- A792A7
- 9F8F9F
- 978B97
- 90878F
- 888488
Renk uyumları
Tamamlayıcı +180°
- CFA4CF
Lilac Lace
- 95C298
≈ Velvet Leaf
Analog -30° +30°
- CFA4CF
Lilac Lace
- B9ABE1
≈ Perfume
- DDA1B6
≈ Pink Gin
Üçlü +120° +240°
- CFA4CF
Lilac Lace
- CAB27C
≈ Roasted Pistachio
- 77C3CD
≈ Twisted Blue
Bölünmüş tamamlayıcı +150° +210°
- CFA4CF
Lilac Lace
- B1BB83
≈ Nile
- 7EC5B3
≈ Monte Carlo
Dörtlü +90° +180° +270°
- CFA4CF
Lilac Lace
- DBA985
≈ Sweet Sue
- 95C298
≈ Velvet Leaf
- 85BDE0
≈ C’est la Vie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.86:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-lace: #cfa4cf;
--lilac-lace-rgb: 207 164 207;
--lilac-lace-oklch: oklch(0.771 0.077 326.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(300 31% 73%);
border-color: oklch(0.771 0.077 326.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cfa4cf;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f7dff5;
--color-lilac-lace-200: #e7c9e5;
--color-lilac-lace-300: #ceaacb;
--color-lilac-lace-400: #b78fb7;
--color-lilac-lace-500: #a174a1;
--color-lilac-lace-600: #886388;
--color-lilac-lace-700: #6d4f6d;
--color-lilac-lace-800: #503951;
--color-lilac-lace-900: #382739;
--color-lilac-lace-950: #221523;
}SCSS
$lilac-lace: #cfa4cf;
$lilac-lace-rgb: 207, 164, 207;
$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);
}