Couleur nommée la plus proche · #B9ACC8
#B9ACC8
Couleur nommée la plus proche: Pastel Lilac
#B9ACC8 (rgb(185 172 200), hsl(268 20% 73%), oklch(0.764 0.042 306.3)) est la plus proche de la couleur nommée Pastel Lilac. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B9ACC8
oklch(0.764 0.042 306.3)
Conversions de couleur
- HEX
- #b9acc8
- RGB
- rgb(185 172 200)
- HSL
- hsl(268 20% 73%)
- HWB
- hwb(268 67% 22%)
- OKLCH
- oklch(0.764 0.042 306.3)
- OKLab
- oklab(0.764 0.025 -0.034)
- CIE Lab
- lab(72.14 8.79 -12.55)
- LCH
- lch(72.14 15.32 305)
- CMYK
- cmyk(8% 14% 0% 22%)
Teintes · Ombres · Tons
Teintes
- C0B4CD
- C7BCD3
- CEC4D8
- D4CDDE
- DBD5E3
- E3DDE9
- EAE6EE
- F1EEF4
- F8F6F9
Ombres
- A095AE
- 897F94
- 71697B
- 5B5463
- 46404C
- 312D36
- 1E1B21
- 0D0B0F
- 020102
Tons
- B3A8C1
- ADA3B9
- A89FB2
- A29AAB
- 9C96A3
- 96919C
- 918D95
- 8B898E
- 868487
Harmonies de couleurs
Complémentaire +180°
- B9ACC8
Pastel Lilac
- ABB89B
≈ Laurel Green
Analogue -30° +30°
- B9ACC8
Pastel Lilac
- ABB1CE
≈ Purple Freedom
- C5A9BD
≈ Fragrant Lilac
Triadique +120° +240°
- B9ACC8
Pastel Lilac
- C5AE97
≈ Persuasion
- 95BCB6
≈ Lap Pool Blue
Complémentaire divisée +150° +210°
- B9ACC8
Pastel Lilac
- BAB395
≈ Flour Sack
- 9EBBA8
≈ Reeds
Tétradique +90° +180° +270°
- B9ACC8
Pastel Lilac
- CBAAA0
≈ Art Deco Pink
- ABB89B
≈ Laurel Green
- 95BAC4
≈ Casual Day
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.14:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.79:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--pastel-lilac: #b9acc8;
--pastel-lilac-rgb: 185 172 200;
--pastel-lilac-oklch: oklch(0.764 0.042 306.3);
}
.element {
color: var(--pastel-lilac);
background-color: hsl(268 20% 73%);
border-color: oklch(0.764 0.042 306.3);
}Tailwind CSS v4
@theme {
--color-pastel-lilac: #b9acc8;
--color-pastel-lilac-50: #f8f2ff;
--color-pastel-lilac-100: #ece4f3;
--color-pastel-lilac-200: #d9d0e2;
--color-pastel-lilac-300: #bdb2c8;
--color-pastel-lilac-400: #a598b2;
--color-pastel-lilac-500: #8d7f9d;
--color-pastel-lilac-600: #776c84;
--color-pastel-lilac-700: #5f566a;
--color-pastel-lilac-800: #453f4e;
--color-pastel-lilac-900: #302b37;
--color-pastel-lilac-950: #1c1921;
}SCSS
$pastel-lilac: #b9acc8;
$pastel-lilac-rgb: 185, 172, 200;
$pastel-lilac-light: mix(#fff, $pastel-lilac, 20%);
$pastel-lilac-dark: mix(#000, $pastel-lilac, 20%);
.element {
color: $pastel-lilac;
box-shadow: 0 0 0 2px rgba($pastel-lilac, 0.35);
}