Colore con nome più vicino · #BA8BCF
#BA8BCF
Colore con nome più vicino: Fleur-De-Lis
#BA8BCF (rgb(186 139 207), hsl(281 41% 68%), oklch(0.706 0.109 315.1)) è più vicino al colore con nome Fleur-De-Lis. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BA8BCF
oklch(0.706 0.109 315.1)
Conversioni di colore
- HEX
- #ba8bcf
- RGB
- rgb(186 139 207)
- HSL
- hsl(281 41% 68%)
- HWB
- hwb(281 55% 19%)
- OKLCH
- oklch(0.706 0.109 315.1)
- OKLab
- oklab(0.706 0.077 -0.077)
- CIE Lab
- lab(64.34 27.5 -28.15)
- LCH
- lch(64.34 39.36 314.3)
- CMYK
- cmyk(10% 33% 0% 19%)
Tinte · Ombre · Toni
Tinte
- C196D4
- C8A2D9
- CFADDE
- D6B9E3
- DDC5E8
- E3D0ED
- EADCF1
- F1E7F6
- F8F3FA
Ombre
- A178B4
- 896699
- 72547F
- 5C4367
- 46324F
- 322338
- 1E1423
- 0D0710
- 020102
Toni
- B48AC7
- AE89BF
- A988B7
- A387AF
- 9D86A7
- 97859F
- 918498
- 8C8390
- 868188
Armonie di colore
Complementare +180°
- BA8BCF
Fleur-De-Lis
- 82B069
≈ Stalk
Analogo -30° +30°
- BA8BCF
Fleur-De-Lis
- 9996E2
≈ Dull Lavender
- D184B0
≈ Ice Plant
Triadico +120° +240°
- BA8BCF
Fleur-De-Lis
- C8964C
≈ Laredo Road
- 31B5B5
≈ Caicos Turquoise
Complementare divisa +150° +210°
- BA8BCF
Fleur-De-Lis
- AAA44D
≈ Desert Locust
- 54B68F
≈ Blue Green Scene
Tetradico +90° +180° +270°
- BA8BCF
Fleur-De-Lis
- D98A65
≈ Copper Coin
- 82B069
≈ Stalk
- 45AED3
≈ Summer Air
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.68:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.68:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--fleur-de-lis: #ba8bcf;
--fleur-de-lis-rgb: 186 139 207;
--fleur-de-lis-oklch: oklch(0.706 0.109 315.1);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(281 41% 68%);
border-color: oklch(0.706 0.109 315.1);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #ba8bcf;
--color-fleur-de-lis-50: #ffecff;
--color-fleur-de-lis-100: #f7ddff;
--color-fleur-de-lis-200: #e8c6f4;
--color-fleur-de-lis-300: #cea6dd;
--color-fleur-de-lis-400: #b78acb;
--color-fleur-de-lis-500: #a16fb8;
--color-fleur-de-lis-600: #885e9b;
--color-fleur-de-lis-700: #6d4b7c;
--color-fleur-de-lis-800: #50365d;
--color-fleur-de-lis-900: #372541;
--color-fleur-de-lis-950: #22142a;
}SCSS
$fleur-de-lis: #ba8bcf;
$fleur-de-lis-rgb: 186, 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);
}