Najbliższy nazwany kolor · #B28BCF
#B28BCF
Najbliższy nazwany kolor: Fleur-De-Lis
#B28BCF (rgb(178 139 207), hsl(274 41% 68%), oklch(0.698 0.106 310)) jest najbliższy nazwanemu kolorowi Fleur-De-Lis. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B28BCF
oklch(0.698 0.106 310)
Konwersje koloru
- HEX
- #b28bcf
- RGB
- rgb(178 139 207)
- HSL
- hsl(274 41% 68%)
- HWB
- hwb(274 55% 19%)
- OKLCH
- oklch(0.698 0.106 310)
- OKLab
- oklab(0.698 0.068 -0.081)
- CIE Lab
- lab(63.51 24.79 -29.51)
- LCH
- lch(63.51 38.55 310)
- CMYK
- cmyk(14% 33% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BA96D4
- C1A2D9
- C9ADDE
- D0B9E3
- D8C4E8
- E0D0ED
- E8DCF1
- EFE7F6
- F7F3FB
Odcienie ciemniejsze
- 9A78B4
- 836699
- 6D547F
- 574367
- 43324F
- 2F2338
- 1D1423
- 0C0710
- 010102
Tony
- AD8AC7
- A889BF
- A388B7
- 9E87AF
- 9986A7
- 9485A0
- 8F8498
- 8A8390
- 858188
Harmonie kolorów
Komplementarna +180°
- B28BCF
Fleur-De-Lis
- 88AB63
≈ Celuce
Analogowa -30° +30°
- B28BCF
Fleur-De-Lis
- 9196DE
≈ Portage
- CA83B2
≈ Ice Plant
Triada +120° +240°
- B28BCF
Fleur-De-Lis
- C89250
≈ Slightly Golden
- 38B3AC
≈ Island Moment
Komplementarna rozszczepiona +150° +210°
- B28BCF
Fleur-De-Lis
- AD9F4C
≈ Queen Palm
- 5CB287
≈ Jade Cream
Tetrada +90° +180° +270°
- B28BCF
Fleur-De-Lis
- D6876B
≈ King Salmon
- 88AB63
≈ Celuce
- 41ADCB
≈ Dragonfly Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--fleur-de-lis: #b28bcf;
--fleur-de-lis-rgb: 178 139 207;
--fleur-de-lis-oklch: oklch(0.698 0.106 310);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(274 41% 68%);
border-color: oklch(0.698 0.106 310);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b28bcf;
--color-fleur-de-lis-50: #ffedff;
--color-fleur-de-lis-100: #f4deff;
--color-fleur-de-lis-200: #e4c8f6;
--color-fleur-de-lis-300: #caa8df;
--color-fleur-de-lis-400: #b28dcd;
--color-fleur-de-lis-500: #9c71ba;
--color-fleur-de-lis-600: #84609d;
--color-fleur-de-lis-700: #694d7e;
--color-fleur-de-lis-800: #4d385e;
--color-fleur-de-lis-900: #352642;
--color-fleur-de-lis-950: #20142b;
}SCSS
$fleur-de-lis: #b28bcf;
$fleur-de-lis-rgb: 178, 139, 207;
$fleur-de-lis-light: mix(#fff, $fleur-de-lis, 20%);
$fleur-de-lis-dark: mix(#000, $fleur-de-lis, 20%);
.element {
color: $fleur-de-lis;
box-shadow: 0 0 0 2px rgba($fleur-de-lis, 0.35);
}