Couleur nommée la plus proche · #CBB3DC
#CBB3DC
Couleur nommée la plus proche: Viking Diva
#CBB3DC (rgb(203 179 220), hsl(275 37% 78%), oklch(0.8 0.063 311.2)) 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.
#CBB3DC
oklch(0.8 0.063 311.2)
Conversions de couleur
- HEX
- #cbb3dc
- RGB
- rgb(203 179 220)
- HSL
- hsl(275 37% 78%)
- HWB
- hwb(275 70% 14%)
- OKLCH
- oklch(0.8 0.063 311.2)
- OKLab
- oklab(0.8 0.041 -0.047)
- CIE Lab
- lab(76.03 14.52 -17.41)
- LCH
- lch(76.03 22.67 309.8)
- CMYK
- cmyk(8% 19% 0% 14%)
Teintes · Ombres · Tons
Teintes
- D0BAE0
- D5C2E3
- DACAE7
- E0D1EA
- E5D9EE
- EAE0F1
- EFE8F5
- F4F0F8
- FAF7FC
Ombres
- B09BBF
- 9684A3
- 7D6E88
- 65586E
- 4D4354
- 372F3C
- 221D26
- 0F0C11
- 020102
Tons
- C3AED2
- BCA9C9
- B4A4C0
- AC9EB6
- A599AD
- 9D94A4
- 968F9B
- 8F8A92
- 878589
Harmonies de couleurs
Complémentaire +180°
- CBB3DC
Viking Diva
- B0C79D
≈ Sheer Green
Analogue -30° +30°
- CBB3DC
Viking Diva
- B6BAE6
≈ Pretty Posie
- DBAFCA
≈ Pink Lavender
Triadique +120° +240°
- CBB3DC
Viking Diva
- D8B892
≈ Nutmeg Glow
- 8ECBC8
≈ Tropical Holiday
Complémentaire divisée +150° +210°
- CBB3DC
Viking Diva
- C6C091
≈ Lime Peel
- 9BCBB1
≈ Mint Ice Cream
Tétradique +90° +180° +270°
- CBB3DC
Viking Diva
- E2B19F
≈ Pink Sand
- B0C79D
≈ Sheer Green
- 91C8DB
≈ Blue Glint
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.90:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.02:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--viking-diva: #cbb3dc;
--viking-diva-rgb: 203 179 220;
--viking-diva-oklch: oklch(0.8 0.063 311.2);
}
.element {
color: var(--viking-diva);
background-color: hsl(275 37% 78%);
border-color: oklch(0.8 0.063 311.2);
}Tailwind CSS v4
@theme {
--color-viking-diva: #cbb3dc;
--color-viking-diva-50: #fcf0ff;
--color-viking-diva-100: #efe2f7;
--color-viking-diva-200: #decde8;
--color-viking-diva-300: #c3afcf;
--color-viking-diva-400: #aa94ba;
--color-viking-diva-500: #947ba5;
--color-viking-diva-600: #7d688b;
--color-viking-diva-700: #645370;
--color-viking-diva-800: #493d53;
--color-viking-diva-900: #322a3a;
--color-viking-diva-950: #1e1724;
}SCSS
$viking-diva: #cbb3dc;
$viking-diva-rgb: 203, 179, 220;
$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);
}