Color con nombre más cercano · #AD8FC5
#AD8FC5
Color con nombre más cercano: Fleur-De-Lis
#AD8FC5 (rgb(173 143 197), hsl(273 32% 67%), oklch(0.696 0.084 309.5)) 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.
#AD8FC5
oklch(0.696 0.084 309.5)
Conversiones de color
- HEX
- #ad8fc5
- RGB
- rgb(173 143 197)
- HSL
- hsl(273 32% 67%)
- HWB
- hwb(273 56% 23%)
- OKLCH
- oklch(0.696 0.084 309.5)
- OKLab
- oklab(0.696 0.054 -0.065)
- CIE Lab
- lab(63.65 19.32 -23.77)
- LCH
- lch(63.65 30.63 309.1)
- CMYK
- cmyk(12% 27% 0% 23%)
Tintes · Sombras · Tonos
Tintes
- B59ACB
- BDA5D1
- C5B0D7
- CDBBDD
- D5C6E2
- DED1E8
- E6DDEE
- EEE8F4
- F7F3F9
Sombras
- 967CAB
- 7F6992
- 6A5779
- 554561
- 41344B
- 2D2435
- 1B1521
- 0B070E
- 010102
Tonos
- A88EBE
- A48CB7
- 9F8BB0
- 9B89A9
- 9688A2
- 92869B
- 8D8595
- 89838E
- 848287
Armonías de color
Complementario +180°
- AD8FC5
Fleur-De-Lis
- 8DA870
≈ Green Tea Mochi
Análogo -30° +30°
- AD8FC5
Fleur-De-Lis
- 9298D1
≈ Bluebell Frost
- C189AE
≈ Lavender Quartz
Triádico +120° +240°
- AD8FC5
Fleur-De-Lis
- BF9462
≈ Gold Torch
- 58AEA8
≈ Artesian Well
Complementario dividido +150° +210°
- AD8FC5
Fleur-De-Lis
- AA9F60
≈ Mediaeval Sulphur
- 6DAE8B
≈ Melon Green
Tetrádico +90° +180° +270°
- AD8FC5
Fleur-De-Lis
- CB8B76
≈ Sociable
- 8DA870
≈ Green Tea Mochi
- 5CAAC1
≈ Blue Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--fleur-de-lis: #ad8fc5;
--fleur-de-lis-rgb: 173 143 197;
--fleur-de-lis-oklch: oklch(0.696 0.084 309.5);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(273 32% 67%);
border-color: oklch(0.696 0.084 309.5);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #ad8fc5;
--color-fleur-de-lis-50: #fdefff;
--color-fleur-de-lis-100: #f1e0fd;
--color-fleur-de-lis-200: #e0cbef;
--color-fleur-de-lis-300: #c6acd7;
--color-fleur-de-lis-400: #ad91c4;
--color-fleur-de-lis-500: #9776b0;
--color-fleur-de-lis-600: #806495;
--color-fleur-de-lis-700: #665077;
--color-fleur-de-lis-800: #4a3a59;
--color-fleur-de-lis-900: #33283e;
--color-fleur-de-lis-950: #1f1627;
}SCSS
$fleur-de-lis: #ad8fc5;
$fleur-de-lis-rgb: 173, 143, 197;
$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);
}