Dichtstbijzijnde benoemde kleur · #A6A4D7
#A6A4D7
Dichtstbijzijnde benoemde kleur: Imperial Lilac
#A6A4D7 (rgb(166 164 215), hsl(242 39% 74%), oklch(0.738 0.073 286.3)) komt het dichtst bij de benoemde kleur Imperial Lilac. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A6A4D7
oklch(0.738 0.073 286.3)
Kleurconversies
- HEX
- #a6a4d7
- RGB
- rgb(166 164 215)
- HSL
- hsl(242 39% 74%)
- HWB
- hwb(242 64% 16%)
- OKLCH
- oklch(0.738 0.073 286.3)
- OKLab
- oklab(0.738 0.02 -0.07)
- CIE Lab
- lab(68.91 8.92 -25.8)
- LCH
- lch(68.91 27.3 289.1)
- CMYK
- cmyk(23% 24% 0% 16%)
Tinten · Schaduwen · Tonen
Tinten
- AEADDB
- B7B6DF
- C0BFE4
- C8C8E8
- D1D1EC
- DADAF0
- E3E3F4
- ECECF7
- F6F6FB
Schaduwen
- 908EBB
- 7A799F
- 656485
- 51506B
- 3E3D52
- 2B2B3B
- 1A1A25
- 0A0A11
- 010102
Tonen
- A2A0CE
- 9E9DC5
- 9A99BC
- 9696B4
- 9392AB
- 8F8FA2
- 8B8B9A
- 878791
- 848489
Kleurharmonieën
Complementair +180°
- A6A4D7
Imperial Lilac
- B0AE77
≈ Jalapeño Jelly
Analoog -30° +30°
- A6A4D7
Imperial Lilac
- 8CADD9
≈ Boy Blue
- BD9DCA
≈ Purple Prophet
Triadisch +120° +240°
- A6A4D7
Imperial Lilac
- D29C83
≈ Dusty Coral
- 7DB9A0
≈ Froggy Pond
Gesplitst complementair +150° +210°
- A6A4D7
Imperial Lilac
- C5A576
≈ Mustard Seed Beige
- 96B587
≈ Mistletoe Kiss
Tetradisch +90° +180° +270°
- A6A4D7
Imperial Lilac
- D5989A
≈ Tobermory
- B0AE77
≈ Jalapeño Jelly
- 70B9BA
≈ Surfer
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.35:1 · APCA Lc 46
Ag
AAAOp zwart
WCAG 8.91:1 · APCA Lc 56
Beste tekstkleur: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Codefragmenten
CSS
:root {
--imperial-lilac: #a6a4d7;
--imperial-lilac-rgb: 166 164 215;
--imperial-lilac-oklch: oklch(0.738 0.073 286.3);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(242 39% 74%);
border-color: oklch(0.738 0.073 286.3);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a6a4d7;
--color-imperial-lilac-50: #f4f2ff;
--color-imperial-lilac-100: #e6e5ff;
--color-imperial-lilac-200: #d2d0f3;
--color-imperial-lilac-300: #b5b2db;
--color-imperial-lilac-400: #9a98c8;
--color-imperial-lilac-500: #827fb5;
--color-imperial-lilac-600: #6e6c99;
--color-imperial-lilac-700: #58567a;
--color-imperial-lilac-800: #3f3f5b;
--color-imperial-lilac-900: #2b2b40;
--color-imperial-lilac-950: #191929;
}SCSS
$imperial-lilac: #a6a4d7;
$imperial-lilac-rgb: 166, 164, 215;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}