Nazwany kolor · #BFA3D9
Enchanted Lavender
Enchanted Lavender to #BFA3D9: rgb(191 163 217), hsl(271 42% 75%), oklch(0.758 0.082 308.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Enchanted Lavender color name →
#BFA3D9
oklch(0.758 0.082 308.1)
Konwersje koloru
- HEX
- #bfa3d9
- RGB
- rgb(191 163 217)
- HSL
- hsl(271 42% 75%)
- HWB
- hwb(271 64% 15%)
- OKLCH
- oklch(0.758 0.082 308.1)
- OKLab
- oklab(0.758 0.05 -0.064)
- CIE Lab
- lab(70.91 18.19 -23.62)
- LCH
- lch(70.91 29.81 307.6)
- CMYK
- cmyk(12% 25% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5ACDD
- CCB5E1
- D2BEE5
- D8C7E9
- DFD1ED
- E5DAF0
- EBE3F4
- F2ECF8
- F8F6FB
Odcienie ciemniejsze
- A68DBC
- 8D78A1
- 756386
- 5E4F6C
- 483C53
- 332A3B
- 1F1925
- 0D0A11
- 020102
Tony
- B9A0D0
- B29CC7
- AC99BE
- A595B5
- 9F92AC
- 998EA3
- 928B9A
- 8C8791
- 868489
Harmonie kolorów
Komplementarna +180°
- BFA3D9
Enchanted Lavender
- A1BB83
≈ Gleeful
Analogowa -30° +30°
- BFA3D9
Enchanted Lavender
- A4ACE4
≈ Maximum Blue Purple
- D39DC3
≈ Geranium Bud
Triada +120° +240°
- BFA3D9
Enchanted Lavender
- D3A778
≈ Mulled Spice
- 6FC2BA
≈ Tropic Tide
Komplementarna rozszczepiona +150° +210°
- BFA3D9
Enchanted Lavender
- BEB274
≈ Misty Moss
- 84C19D
≈ Willow Hedge
Tetrada +90° +180° +270°
- BFA3D9
Enchanted Lavender
- DF9F8B
≈ Chinese Ibis Brown
- A1BB83
≈ Gleeful
- 71BED3
≈ Cologne
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.45:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchanted-lavender: #bfa3d9;
--enchanted-lavender-rgb: 191 163 217;
--enchanted-lavender-oklch: oklch(0.758 0.082 308.1);
}
.element {
color: var(--enchanted-lavender);
background-color: hsl(271 42% 75%);
border-color: oklch(0.758 0.082 308.1);
}Tailwind CSS v4
@theme {
--color-enchanted-lavender: #bfa3d9;
--color-enchanted-lavender-50: #fcefff;
--color-enchanted-lavender-100: #f0e1fd;
--color-enchanted-lavender-200: #dfcbef;
--color-enchanted-lavender-300: #c4acd7;
--color-enchanted-lavender-400: #ac92c4;
--color-enchanted-lavender-500: #9577b0;
--color-enchanted-lavender-600: #7e6595;
--color-enchanted-lavender-700: #655177;
--color-enchanted-lavender-800: #493b59;
--color-enchanted-lavender-900: #33283e;
--color-enchanted-lavender-950: #1f1627;
}SCSS
$enchanted-lavender: #bfa3d9;
$enchanted-lavender-rgb: 191, 163, 217;
$enchanted-lavender-light: mix(#fff, $enchanted-lavender, 20%);
$enchanted-lavender-dark: mix(#000, $enchanted-lavender, 20%);
.element {
color: $enchanted-lavender;
box-shadow: 0 0 0 2px rgba($enchanted-lavender, 0.35);
}