Couleur nommée la plus proche · #C9B3DE
#C9B3DE
Couleur nommée la plus proche: Viking Diva
#C9B3DE (rgb(201 179 222), hsl(271 39% 79%), oklch(0.799 0.064 308.1)) est la plus proche de la couleur nommée Viking Diva. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C9B3DE
oklch(0.799 0.064 308.1)
Conversions de couleur
- HEX
- #c9b3de
- RGB
- rgb(201 179 222)
- HSL
- hsl(271 39% 79%)
- HWB
- hwb(271 70% 13%)
- OKLCH
- oklch(0.799 0.064 308.1)
- OKLab
- oklab(0.799 0.04 -0.051)
- CIE Lab
- lab(75.91 14.13 -18.7)
- LCH
- lch(75.91 23.44 307.1)
- CMYK
- cmyk(9% 19% 0% 13%)
Teintes · Ombres · Tons
Teintes
- CEBAE1
- D4C2E5
- D9CAE8
- DED1EC
- E4D9EF
- E9E0F2
- EFE8F5
- F4F0F9
- FAF7FC
Ombres
- AE9BC1
- 9584A5
- 7C6E89
- 64586F
- 4C4355
- 362F3D
- 221D26
- 0F0C12
- 020102
Tons
- C1AED4
- BAA9CB
- B2A4C1
- AB9EB8
- A499AE
- 9C94A5
- 958F9B
- 8E8A92
- 878589
Harmonies de couleurs
Complémentaire +180°
- C9B3DE
Viking Diva
- B1C69A
≈ Sheer Green
Analogue -30° +30°
- C9B3DE
Viking Diva
- B3BAE7
≈ Perano
- DAAECC
≈ Pink Lavender
Triadique +120° +240°
- C9B3DE
Viking Diva
- DAB691
≈ Nutmeg Glow
- 8DCBC5
≈ Tropical Holiday
Complémentaire divisée +150° +210°
- C9B3DE
Viking Diva
- C8BF8F
≈ Lime Peel
- 9BCBAE
≈ Retro Mint
Tétradique +90° +180° +270°
- C9B3DE
Viking Diva
- E3B0A0
≈ Pale Blush
- B1C69A
≈ Sheer Green
- 8EC8D9
≈ Blue Glint
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 36
Ag
AAASur noir
WCAG 10.98:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--viking-diva: #c9b3de;
--viking-diva-rgb: 201 179 222;
--viking-diva-oklch: oklch(0.799 0.064 308.1);
}
.element {
color: var(--viking-diva);
background-color: hsl(271 39% 79%);
border-color: oklch(0.799 0.064 308.1);
}Tailwind CSS v4
@theme {
--color-viking-diva: #c9b3de;
--color-viking-diva-50: #fbf0ff;
--color-viking-diva-100: #eee2f8;
--color-viking-diva-200: #ddcde9;
--color-viking-diva-300: #c2afd1;
--color-viking-diva-400: #a995bc;
--color-viking-diva-500: #927ba7;
--color-viking-diva-600: #7b688d;
--color-viking-diva-700: #635371;
--color-viking-diva-800: #483d54;
--color-viking-diva-900: #322a3b;
--color-viking-diva-950: #1e1725;
}SCSS
$viking-diva: #c9b3de;
$viking-diva-rgb: 201, 179, 222;
$viking-diva-light: mix(#fff, $viking-diva, 20%);
$viking-diva-dark: mix(#000, $viking-diva, 20%);
.element {
color: $viking-diva;
box-shadow: 0 0 0 2px rgba($viking-diva, 0.35);
}