Couleur nommée · #9A7EA7
Lilac Intuition
Lilac Intuition correspond à #9A7EA7 : rgb(154 126 167), hsl(281 19% 57%), oklch(0.634 0.068 315). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Lilac Intuition color name →
#9A7EA7
oklch(0.634 0.068 315)
Conversions de couleur
- HEX
- #9a7ea7
- RGB
- rgb(154 126 167)
- HSL
- hsl(281 19% 57%)
- HWB
- hwb(281 49% 35%)
- OKLCH
- oklch(0.634 0.068 315)
- OKLab
- oklab(0.634 0.048 -0.048)
- CIE Lab
- lab(56.57 16.91 -17.73)
- LCH
- lch(56.57 24.5 313.6)
- CMYK
- cmyk(8% 25% 0% 35%)
Teintes · Ombres · Tons
Teintes
- A48AB0
- AE97B8
- B8A3C1
- C2B0CA
- CCBDD3
- D6CADB
- E0D7E4
- EAE4ED
- F5F2F6
Ombres
- 856D91
- 715C7B
- 5E4C66
- 4B3C52
- 392D3E
- 271F2C
- 17111A
- 09050A
- 010101
Tons
- 977EA3
- 957F9F
- 927F9B
- 907F98
- 8D7F94
- 8A8090
- 88808C
- 858088
- 838084
Harmonies de couleurs
Complémentaire +180°
- 9A7EA7
Lilac Intuition
- 79946A
≈ Reseda Green
Analogue -30° +30°
- 9A7EA7
Lilac Intuition
- 8585B2
≈ Aster Purple
- A97A94
≈ Wonder Wish
Triadique +120° +240°
- 9A7EA7
Lilac Intuition
- A3855B
≈ Cumin
- 559797
≈ Peaceful Pond
Complémentaire divisée +150° +210°
- 9A7EA7
Lilac Intuition
- 908D5C
≈ Nick’s Nook
- 629880
≈ Succulent Green
Tétradique +90° +180° +270°
- 9A7EA7
Lilac Intuition
- AE7D68
≈ Cuddlepot
- 79946A
≈ Reseda Green
- 5B93A9
≈ Blue Persia
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.54:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.91:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--lilac-intuition: #9a7ea7;
--lilac-intuition-rgb: 154 126 167;
--lilac-intuition-oklch: oklch(0.634 0.068 315);
}
.element {
color: var(--lilac-intuition);
background-color: hsl(281 19% 57%);
border-color: oklch(0.634 0.068 315);
}Tailwind CSS v4
@theme {
--color-lilac-intuition: #9a7ea7;
--color-lilac-intuition-50: #fdf0ff;
--color-lilac-intuition-100: #f1e1f7;
--color-lilac-intuition-200: #e0cce8;
--color-lilac-intuition-300: #c6adcf;
--color-lilac-intuition-400: #ae93bb;
--color-lilac-intuition-500: #9779a6;
--color-lilac-intuition-600: #80668c;
--color-lilac-intuition-700: #665270;
--color-lilac-intuition-800: #4b3b53;
--color-lilac-intuition-900: #34293a;
--color-lilac-intuition-950: #1f1724;
}SCSS
$lilac-intuition: #9a7ea7;
$lilac-intuition-rgb: 154, 126, 167;
$lilac-intuition-light: mix(#fff, $lilac-intuition, 20%);
$lilac-intuition-dark: mix(#000, $lilac-intuition, 20%);
.element {
color: $lilac-intuition;
box-shadow: 0 0 0 2px rgba($lilac-intuition, 0.35);
}