Cor nomeada · #AE98AA
Lilac Lustre
Lilac Lustre é #AE98AA: rgb(174 152 170), hsl(311 12% 64%), oklch(0.705 0.036 332.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Lilac Lustre color name →
#AE98AA
oklch(0.705 0.036 332.1)
Conversões de cor
- HEX
- #ae98aa
- RGB
- rgb(174 152 170)
- HSL
- hsl(311 12% 64%)
- HWB
- hwb(311 60% 32%)
- OKLCH
- oklch(0.705 0.036 332.1)
- OKLab
- oklab(0.705 0.032 -0.017)
- CIE Lab
- lab(65.25 10.81 -6.28)
- LCH
- lch(65.25 12.51 329.8)
- CMYK
- cmyk(0% 13% 2% 32%)
Tons claros · Sombras · Tons
Tons claros
- B6A2B2
- BEACBB
- C6B6C3
- CEC0CB
- D6CAD4
- DED5DC
- E6DFE5
- EEEAEE
- F7F4F6
Sombras
- 978493
- 80707D
- 6A5C68
- 554A53
- 41383F
- 2E272D
- 1C171B
- 0B080B
- 010101
Tons
- A996A6
- A593A1
- A0919D
- 9B8E99
- 978C95
- 928A91
- 8E878C
- 898588
- 858284
Harmonias de cor
Complementar +180°
- AE98AA
Lilac Lustre
- 90A795
≈ Mantle
Análoga -30° +30°
- AE98AA
Lilac Lustre
- A49BB3
≈ Logan
- B4979E
≈ Deep South
Tríade +120° +240°
- AE98AA
Lilac Lustre
- A8A087
≈ Tent Green
- 87A6AD
≈ Impressionist
Complementar dividida +150° +210°
- AE98AA
Lilac Lustre
- 9CA48B
≈ Frozen Edamame
- 88A8A1
≈ Tropical Cascade
Tétrade +90° +180° +270°
- AE98AA
Lilac Lustre
- B19B89
≈ Woodland Stone
- 90A795
≈ Mantle
- 8DA3B5
≈ Cats and Dogs
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.87:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--lilac-lustre: #ae98aa;
--lilac-lustre-rgb: 174 152 170;
--lilac-lustre-oklch: oklch(0.705 0.036 332.1);
}
.element {
color: var(--lilac-lustre);
background-color: hsl(311 12% 64%);
border-color: oklch(0.705 0.036 332.1);
}Tailwind CSS v4
@theme {
--color-lilac-lustre: #ae98aa;
--color-lilac-lustre-50: #fcf1f9;
--color-lilac-lustre-100: #f0e4ed;
--color-lilac-lustre-200: #decfdb;
--color-lilac-lustre-300: #c4b1bf;
--color-lilac-lustre-400: #ac97a8;
--color-lilac-lustre-500: #957e91;
--color-lilac-lustre-600: #7e6a7b;
--color-lilac-lustre-700: #655562;
--color-lilac-lustre-800: #4a3e48;
--color-lilac-lustre-900: #332b32;
--color-lilac-lustre-950: #1f181e;
}SCSS
$lilac-lustre: #ae98aa;
$lilac-lustre-rgb: 174, 152, 170;
$lilac-lustre-light: mix(#fff, $lilac-lustre, 20%);
$lilac-lustre-dark: mix(#000, $lilac-lustre, 20%);
.element {
color: $lilac-lustre;
box-shadow: 0 0 0 2px rgba($lilac-lustre, 0.35);
}