Dichtstbijzijnde benoemde kleur · #B7AAD9
#B7AAD9
Dichtstbijzijnde benoemde kleur: Imperial Lilac
#B7AAD9 (rgb(183 170 217), hsl(257 38% 76%), oklch(0.765 0.068 297.5)) 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.
#B7AAD9
oklch(0.765 0.068 297.5)
Kleurconversies
- HEX
- #b7aad9
- RGB
- rgb(183 170 217)
- HSL
- hsl(257 38% 76%)
- HWB
- hwb(257 67% 15%)
- OKLCH
- oklch(0.765 0.068 297.5)
- OKLab
- oklab(0.765 0.031 -0.06)
- CIE Lab
- lab(71.93 11.82 -22.15)
- LCH
- lch(71.93 25.11 298.1)
- CMYK
- cmyk(16% 22% 0% 15%)
Tinten · Schaduwen · Tonen
Tinten
- BEB2DD
- C5BBE1
- CCC3E5
- D3CCE9
- DAD4EC
- E2DDF0
- E9E5F4
- F0EEF8
- F8F6FB
Schaduwen
- 9F93BC
- 877DA1
- 706886
- 5A536C
- 453F53
- 312D3B
- 1E1B25
- 0C0B11
- 020102
Tonen
- B1A6D0
- ACA2C7
- A69DBE
- A099B5
- 9B95AC
- 9591A3
- 908D9A
- 8B8891
- 858489
Kleurharmonieën
Complementair +180°
- B7AAD9
Imperial Lilac
- AFB988
≈ Lima Green
Analoog -30° +30°
- B7AAD9
Imperial Lilac
- A0B2DF
≈ Myrtle Flower
- CBA4C9
≈ Stormy Sunrise
Triadisch +120° +240°
- B7AAD9
Imperial Lilac
- D4A888
≈ Autumn Air
- 83C1B2
≈ Seaborn
Gesplitst complementair +150° +210°
- B7AAD9
Imperial Lilac
- C5B181
≈ Desert Floor
- 96BF9A
≈ Green-Eyed Lady
Tetradisch +90° +180° +270°
- B7AAD9
Imperial Lilac
- DBA39B
≈ Quiet Pink
- AFB988
≈ Lima Green
- 7EBFC9
≈ Meltwater
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.76:1 · APCA Lc 60
Beste tekstkleur: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Codefragmenten
CSS
:root {
--imperial-lilac: #b7aad9;
--imperial-lilac-rgb: 183 170 217;
--imperial-lilac-oklch: oklch(0.765 0.068 297.5);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(257 38% 76%);
border-color: oklch(0.765 0.068 297.5);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #b7aad9;
--color-imperial-lilac-50: #f8f1ff;
--color-imperial-lilac-100: #ebe3fc;
--color-imperial-lilac-200: #d8ceee;
--color-imperial-lilac-300: #bcb0d6;
--color-imperial-lilac-400: #a396c2;
--color-imperial-lilac-500: #8b7dae;
--color-imperial-lilac-600: #766a93;
--color-imperial-lilac-700: #5e5476;
--color-imperial-lilac-800: #443e58;
--color-imperial-lilac-900: #2f2a3d;
--color-imperial-lilac-950: #1c1827;
}SCSS
$imperial-lilac: #b7aad9;
$imperial-lilac-rgb: 183, 170, 217;
$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);
}