Cor nomeada mais próxima · #CFA4CF
#CFA4CF
Cor nomeada mais próxima: Lilac Lace
#CFA4CF (rgb(207 164 207), hsl(300 31% 73%), oklch(0.771 0.077 326.3)) é mais próxima da cor nomeada Lilac Lace. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CFA4CF
oklch(0.771 0.077 326.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D4ADD4
- D9B6D9
- DEBFDD
- E3C8E2
- E7D1E7
- ECDAEC
- F1E3F1
- F6ECF5
- FAF6FA
Sombras
- B48EB4
- 997999
- 7F647F
- 675067
- 4F3D4F
- 382B38
- 231A23
- 100A10
- 020102
Tons
- C7A0C7
- BF9DBF
- B799B7
- AF96AF
- A792A7
- 9F8F9F
- 978B97
- 90878F
- 888488
Harmonias de cor
Complementar +180°
- CFA4CF
Lilac Lace
- 95C298
≈ Velvet Leaf
Análoga -30° +30°
- CFA4CF
Lilac Lace
- B9ABE1
≈ Perfume
- DDA1B6
≈ Pink Gin
Tríade +120° +240°
- CFA4CF
Lilac Lace
- CAB27C
≈ Roasted Pistachio
- 77C3CD
≈ Twisted Blue
Complementar dividida +150° +210°
- CFA4CF
Lilac Lace
- B1BB83
≈ Nile
- 7EC5B3
≈ Monte Carlo
Tétrade +90° +180° +270°
- CFA4CF
Lilac Lace
- DBA985
≈ Sweet Sue
- 95C298
≈ Velvet Leaf
- 85BDE0
≈ C’est la Vie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.12:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.86:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
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);
}