Color con nombre más cercano · #B68BC5
#B68BC5
Color con nombre más cercano: Fleur-De-Lis
#B68BC5 (rgb(182 139 197), hsl(284 33% 66%), oklch(0.698 0.095 317.2)) 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.
#B68BC5
oklch(0.698 0.095 317.2)
Conversiones de color
- HEX
- #b68bc5
- RGB
- rgb(182 139 197)
- HSL
- hsl(284 33% 66%)
- HWB
- hwb(284 55% 23%)
- OKLCH
- oklch(0.698 0.095 317.2)
- OKLab
- oklab(0.698 0.07 -0.065)
- CIE Lab
- lab(63.59 24.57 -23.76)
- LCH
- lch(63.59 34.18 316)
- CMYK
- cmyk(8% 29% 0% 23%)
Tintes · Sombras · Tonos
Tintes
- BD96CB
- C5A2D1
- CCADD7
- D3B9DD
- DAC4E2
- E2D0E8
- E9DCEE
- F0E7F4
- F8F3F9
Sombras
- 9E78AB
- 866692
- 6F5479
- 594361
- 44324B
- 302335
- 1D1421
- 0C070E
- 020102
Tonos
- B18ABE
- AB89B7
- A688B0
- A087A9
- 9B86A2
- 96859B
- 908495
- 8B838E
- 858187
Armonías de color
Complementario +180°
- B68BC5
Fleur-De-Lis
- 81AC71
≈ Sage Garden
Análogo -30° +30°
- B68BC5
Fleur-De-Lis
- 9A95D6
≈ Bluebell Frost
- CA85A9
≈ Moonlight Mauve
Triádico +120° +240°
- B68BC5
Fleur-De-Lis
- BF9656
≈ Amber Gold
- 47B0B2
≈ Lake Tahoe Turquoise
Complementario dividido +150° +210°
- B68BC5
Fleur-De-Lis
- A4A259
≈ Gothic Revival Green
- 5DB191
≈ Electra
Tetrádico +90° +180° +270°
- B68BC5
Fleur-De-Lis
- CF8B69
≈ Cinnamon Brandy
- 81AC71
≈ Sage Garden
- 56AACC
≈ Estero Sky
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: #b68bc5;
--fleur-de-lis-rgb: 182 139 197;
--fleur-de-lis-oklch: oklch(0.698 0.095 317.2);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(284 33% 66%);
border-color: oklch(0.698 0.095 317.2);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b68bc5;
--color-fleur-de-lis-50: #ffedff;
--color-fleur-de-lis-100: #f6defd;
--color-fleur-de-lis-200: #e7c8ef;
--color-fleur-de-lis-300: #cda8d7;
--color-fleur-de-lis-400: #b68dc4;
--color-fleur-de-lis-500: #a071b0;
--color-fleur-de-lis-600: #876095;
--color-fleur-de-lis-700: #6c4d77;
--color-fleur-de-lis-800: #4f3859;
--color-fleur-de-lis-900: #37263e;
--color-fleur-de-lis-950: #221427;
}SCSS
$fleur-de-lis: #b68bc5;
$fleur-de-lis-rgb: 182, 139, 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);
}