Couleur nommée la plus proche · #B6A0FC
#B6A0FC
Couleur nommée la plus proche: Diva
#B6A0FC (rgb(182 160 252), hsl(254 94% 81%), oklch(0.76 0.131 294)) est la plus proche de la couleur nommée Diva. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B6A0FC
oklch(0.76 0.131 294)
Conversions de couleur
- HEX
- #b6a0fc
- RGB
- rgb(182 160 252)
- HSL
- hsl(254 94% 81%)
- HWB
- hwb(254 63% 1%)
- OKLCH
- oklch(0.76 0.131 294)
- OKLab
- oklab(0.76 0.053 -0.12)
- CIE Lab
- lab(70.53 22.91 -43.31)
- LCH
- lch(70.53 49 297.9)
- CMYK
- cmyk(28% 37% 0% 1%)
Teintes · Ombres · Tons
Teintes
- BDAAFD
- C4B3FE
- CBBDFE
- D2C6FF
- D9D0FF
- E1D9FF
- E8E3FF
- F0ECFF
- F7F6FF
Ombres
- 9E8BDB
- 8676BB
- 6F619C
- 594E7E
- 443B62
- 302947
- 1D192D
- 0C0916
- 020103
Tons
- B09DEF
- AB9AE3
- A597D6
- A094CA
- 9A91BD
- 958EB1
- 8F8AA5
- 8A8798
- 85848C
Harmonies de couleurs
Complémentaire +180°
- B6A0FC
Diva
- B0BA50
≈ Japanese Fern
Analogue -30° +30°
- B6A0FC
Diva
- 8AB0FF
≈ Kitten’s Eye
- DA93E0
≈ Bright Lilac
Triadique +120° +240°
- B6A0FC
Diva
- F1995C
≈ Ridgeback
- 38CCAB
≈ Mint Leaf
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.22:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.42:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--diva: #b6a0fc;
--diva-rgb: 182 160 252;
--diva-oklch: oklch(0.76 0.131 294);
}
.element {
color: var(--diva);
background-color: hsl(254 94% 81%);
border-color: oklch(0.76 0.131 294);
}Tailwind CSS v4
@theme {
--color-diva: #b6a0fc;
--color-diva-50: #f8eeff;
--color-diva-100: #ebe0ff;
--color-diva-200: #d9c9ff;
--color-diva-300: #bdaaf3;
--color-diva-400: #a38ee4;
--color-diva-500: #8c72d3;
--color-diva-600: #7661b2;
--color-diva-700: #5f4d8f;
--color-diva-800: #44396b;
--color-diva-900: #2f274c;
--color-diva-950: #1c1532;
}SCSS
$diva: #b6a0fc;
$diva-rgb: 182, 160, 252;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}