Nazwany kolor · #AE98AA
Lilac Lustre
Lilac Lustre to #AE98AA: rgb(174 152 170), hsl(311 12% 64%), oklch(0.705 0.036 332.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Lilac Lustre color name →
#AE98AA
oklch(0.705 0.036 332.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6A2B2
- BEACBB
- C6B6C3
- CEC0CB
- D6CAD4
- DED5DC
- E6DFE5
- EEEAEE
- F7F4F6
Odcienie ciemniejsze
- 978493
- 80707D
- 6A5C68
- 554A53
- 41383F
- 2E272D
- 1C171B
- 0B080B
- 010101
Tony
- A996A6
- A593A1
- A0919D
- 9B8E99
- 978C95
- 928A91
- 8E878C
- 898588
- 858284
Harmonie kolorów
Komplementarna +180°
- AE98AA
Lilac Lustre
- 90A795
≈ Mantle
Analogowa -30° +30°
- AE98AA
Lilac Lustre
- A49BB3
≈ Logan
- B4979E
≈ Deep South
Triada +120° +240°
- AE98AA
Lilac Lustre
- A8A087
≈ Tent Green
- 87A6AD
≈ Impressionist
Komplementarna rozszczepiona +150° +210°
- AE98AA
Lilac Lustre
- 9CA48B
≈ Frozen Edamame
- 88A8A1
≈ Tropical Cascade
Tetrada +90° +180° +270°
- AE98AA
Lilac Lustre
- B19B89
≈ Woodland Stone
- 90A795
≈ Mantle
- 8DA3B5
≈ Cats and Dogs
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}