Color con nombre más cercano · #AC8ECB
#AC8ECB
Color con nombre más cercano: Fleur-De-Lis
#AC8ECB (rgb(172 142 203), hsl(270 37% 68%), oklch(0.696 0.093 306.6)) se parece más al color con nombre Fleur-De-Lis. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#AC8ECB
oklch(0.696 0.093 306.6)
Conversiones de color
- HEX
- #ac8ecb
- RGB
- rgb(172 142 203)
- HSL
- hsl(270 37% 68%)
- HWB
- hwb(270 56% 20%)
- OKLCH
- oklch(0.696 0.093 306.6)
- OKLab
- oklab(0.696 0.056 -0.075)
- CIE Lab
- lab(63.5 20.5 -27.35)
- LCH
- lch(63.5 34.18 306.9)
- CMYK
- cmyk(15% 30% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- B499D0
- BCA4D6
- C4AFDB
- CCBBE0
- D5C6E6
- DDD1EB
- E5DCF0
- EEE8F5
- F6F3FA
Sombras
- 957BB0
- 7F6896
- 69567D
- 544465
- 40344D
- 2D2437
- 1B1522
- 0B070F
- 010102
Tonos
- A88DC3
- A38CBC
- 9F8AB4
- 9A89AD
- 9688A5
- 91869E
- 8D8596
- 89838F
- 848287
Armonías de color
Complementario +180°
- AC8ECB
Fleur-De-Lis
- 8EA868
≈ Green Tea Mochi
Análogo -30° +30°
- AC8ECB
Fleur-De-Lis
- 8E98D7
≈ Portage
- C287B3
≈ Joie de Vivre
Triádico +120° +240°
- AC8ECB
Fleur-De-Lis
- C5925C
≈ Mid Tan
- 4EB0A6
≈ Emerald Wave
Complementario dividido +150° +210°
- AC8ECB
Fleur-De-Lis
- AE9D57
≈ Organic Matter
- 6AAF85
≈ Morning Forest
Tetrádico +90° +180° +270°
- AC8ECB
Fleur-De-Lis
- D08874
≈ Copperleaf
- 8EA868
≈ Green Tea Mochi
- 4FACC3
≈ Blue Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--fleur-de-lis: #ac8ecb;
--fleur-de-lis-rgb: 172 142 203;
--fleur-de-lis-oklch: oklch(0.696 0.093 306.6);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(270 37% 68%);
border-color: oklch(0.696 0.093 306.6);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #ac8ecb;
--color-fleur-de-lis-50: #fdeeff;
--color-fleur-de-lis-100: #f1e0ff;
--color-fleur-de-lis-200: #e0caf3;
--color-fleur-de-lis-300: #c5abdc;
--color-fleur-de-lis-400: #ac90ca;
--color-fleur-de-lis-500: #9675b7;
--color-fleur-de-lis-600: #7f639a;
--color-fleur-de-lis-700: #664f7c;
--color-fleur-de-lis-800: #4a3a5c;
--color-fleur-de-lis-900: #332841;
--color-fleur-de-lis-950: #1f1629;
}SCSS
$fleur-de-lis: #ac8ecb;
$fleur-de-lis-rgb: 172, 142, 203;
$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);
}