Colore con nome · #A89AA7
Native Lilac
Native Lilac è #A89AA7: rgb(168 154 167), hsl(304 7% 63%), oklch(0.702 0.025 328). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Native Lilac color name →
#A89AA7
oklch(0.702 0.025 328)
Conversioni di colore
- HEX
- #a89aa7
- RGB
- rgb(168 154 167)
- HSL
- hsl(304 7% 63%)
- HWB
- hwb(304 60% 34%)
- OKLCH
- oklch(0.702 0.025 328)
- OKLab
- oklab(0.702 0.021 -0.013)
- CIE Lab
- lab(65.14 7.1 -4.85)
- LCH
- lch(65.14 8.6 325.7)
- CMYK
- cmyk(0% 8% 1% 34%)
Tinte · Ombre · Toni
Tinte
- B0A4AF
- B9ADB8
- C1B7C1
- CAC1C9
- D3CBD2
- DBD6DB
- E4E0E4
- EDEAED
- F6F5F6
Ombre
- 928591
- 7C717B
- 675E66
- 524B52
- 3F393E
- 2C272C
- 1A171A
- 0A090A
- 010101
Toni
- A497A3
- A0959F
- 9C929B
- 989097
- 948D93
- 908A8F
- 8C888C
- 888588
- 848384
Armonie di colore
Complementare +180°
- A89AA7
Native Lilac
- 95A497
≈ Olive Soap
Analogo -30° +30°
- A89AA7
Native Lilac
- A19CAD
≈ Indolence
- AD999F
≈ Pincushion
Triadico +120° +240°
- A89AA7
Native Lilac
- A59F8E
≈ Apple Hill
- 8EA4A7
≈ Cape Cod Blue
Complementare divisa +150° +210°
- A89AA7
Native Lilac
- 9DA190
≈ Meadowood
- 90A49F
≈ Spruce Shade
Tetradico +90° +180° +270°
- A89AA7
Native Lilac
- AB9C90
≈ Frosted Cocoa
- 95A497
≈ Olive Soap
- 92A2AD
≈ Cadet Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.84:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--native-lilac: #a89aa7;
--native-lilac-rgb: 168 154 167;
--native-lilac-oklch: oklch(0.702 0.025 328);
}
.element {
color: var(--native-lilac);
background-color: hsl(304 7% 63%);
border-color: oklch(0.702 0.025 328);
}Tailwind CSS v4
@theme {
--color-native-lilac: #a89aa7;
--color-native-lilac-50: #f9f3f8;
--color-native-lilac-100: #ede5ec;
--color-native-lilac-200: #dbd1d9;
--color-native-lilac-300: #bfb3bd;
--color-native-lilac-400: #a79aa6;
--color-native-lilac-500: #90818f;
--color-native-lilac-600: #796d79;
--color-native-lilac-700: #615760;
--color-native-lilac-800: #474047;
--color-native-lilac-900: #312c31;
--color-native-lilac-950: #1d191d;
}SCSS
$native-lilac: #a89aa7;
$native-lilac-rgb: 168, 154, 167;
$native-lilac-light: mix(#fff, $native-lilac, 20%);
$native-lilac-dark: mix(#000, $native-lilac, 20%);
.element {
color: $native-lilac;
box-shadow: 0 0 0 2px rgba($native-lilac, 0.35);
}