Couleur nommée la plus proche · #BAA6F8
#BAA6F8
Couleur nommée la plus proche: Diva
#BAA6F8 (rgb(186 166 248), hsl(255 85% 81%), oklch(0.773 0.117 294.7)) est la plus proche de la couleur nommée Diva. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BAA6F8
oklch(0.773 0.117 294.7)
Conversions de couleur
- HEX
- #baa6f8
- RGB
- rgb(186 166 248)
- HSL
- hsl(255 85% 81%)
- HWB
- hwb(255 65% 3%)
- OKLCH
- oklch(0.773 0.117 294.7)
- OKLab
- oklab(0.773 0.049 -0.106)
- CIE Lab
- lab(72.2 20.27 -38.54)
- LCH
- lch(72.2 43.54 297.7)
- CMYK
- cmyk(25% 33% 0% 3%)
Teintes · Ombres · Tons
Teintes
- C1AFF9
- C7B8FA
- CEC1FB
- D5CAFC
- DCD3FD
- E2DCFE
- E9E4FE
- F1EDFF
- F8F6FF
Ombres
- A190D8
- 897AB8
- 72659A
- 5C517C
- 463E60
- 322B45
- 1E1A2C
- 0D0A15
- 020103
Tons
- B4A2EC
- AE9FDF
- A89BD3
- A297C7
- 9C94BB
- 9690AF
- 918CA3
- 8B8898
- 85848C
Harmonies de couleurs
Complémentaire +180°
- BAA6F8
Diva
- B3BE63
≈ Light Olive
Analogue -30° +30°
- BAA6F8
Diva
- 91B4FF
≈ Carolina Blue
- DB9BDE
≈ Herb Robert
Triadique +120° +240°
Complémentaire divisée +150° +210°
- BAA6F8
Diva
- D8AF57
≈ Golden Cricket
- 85C986
≈ De York
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.12:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.89:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--diva: #baa6f8;
--diva-rgb: 186 166 248;
--diva-oklch: oklch(0.773 0.117 294.7);
}
.element {
color: var(--diva);
background-color: hsl(255 85% 81%);
border-color: oklch(0.773 0.117 294.7);
}Tailwind CSS v4
@theme {
--color-diva: #baa6f8;
--color-diva-50: #f8efff;
--color-diva-100: #ebe1ff;
--color-diva-200: #d9cbff;
--color-diva-300: #bdabec;
--color-diva-400: #a390dc;
--color-diva-500: #8c75cb;
--color-diva-600: #7663ab;
--color-diva-700: #5f4f8a;
--color-diva-800: #443a67;
--color-diva-900: #2f2848;
--color-diva-950: #1c152f;
}SCSS
$diva: #baa6f8;
$diva-rgb: 186, 166, 248;
$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);
}