Couleur nommée la plus proche · #C0B4EB
#C0B4EB
Couleur nommée la plus proche: Violet Heaven
#C0B4EB (rgb(192 180 235), hsl(253 58% 81%), oklch(0.799 0.078 294.6)) est la plus proche de la couleur nommée Violet Heaven. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C0B4EB
oklch(0.799 0.078 294.6)
Conversions de couleur
- HEX
- #c0b4eb
- RGB
- rgb(192 180 235)
- HSL
- hsl(253 58% 81%)
- HWB
- hwb(253 71% 8%)
- OKLCH
- oklch(0.799 0.078 294.6)
- OKLab
- oklab(0.799 0.032 -0.071)
- CIE Lab
- lab(75.75 12.67 -26.04)
- LCH
- lch(75.75 28.96 295.9)
- CMYK
- cmyk(18% 23% 0% 8%)
Teintes · Ombres · Tons
Teintes
- C6BBED
- CCC3EF
- D2CAF2
- D9D2F4
- DFD9F6
- E5E1F8
- ECE8FA
- F2F0FB
- F8F7FD
Ombres
- A79CCC
- 8E85AE
- 766E91
- 5F5875
- 49445B
- 343041
- 201D29
- 0E0C13
- 020203
Tons
- B9AFE0
- B3AAD5
- ACA4CA
- A69FBF
- 9F9AB5
- 9995AA
- 93909F
- 8C8A95
- 86858A
Harmonies de couleurs
Complémentaire +180°
- C0B4EB
Violet Heaven
- BCC48A
≈ Misty Valley
Analogue -30° +30°
- C0B4EB
Violet Heaven
- A5BDF0
≈ Perano
- D7ADDA
≈ Whisper of Plum
Triadique +120° +240°
- C0B4EB
Violet Heaven
- E5B08E
≈ Ancient Inca
- 86CEBA
≈ Lavish Green
Complémentaire divisée +150° +210°
- C0B4EB
Violet Heaven
- D5BA83
≈ Independent Gold
- 9FCB9E
≈ Mover & Shaker
Tétradique +90° +180° +270°
- C0B4EB
Violet Heaven
- ECAAA5
≈ Soft Salmon
- BCC48A
≈ Misty Valley
- 7ECCD5
≈ White Ultramarine
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.96:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--violet-heaven: #c0b4eb;
--violet-heaven-rgb: 192 180 235;
--violet-heaven-oklch: oklch(0.799 0.078 294.6);
}
.element {
color: var(--violet-heaven);
background-color: hsl(253 58% 81%);
border-color: oklch(0.799 0.078 294.6);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c0b4eb;
--color-violet-heaven-50: #f7f1ff;
--color-violet-heaven-100: #eae3ff;
--color-violet-heaven-200: #d7cef2;
--color-violet-heaven-300: #bbb0db;
--color-violet-heaven-400: #a196c8;
--color-violet-heaven-500: #897cb5;
--color-violet-heaven-600: #746999;
--color-violet-heaven-700: #5d547a;
--color-violet-heaven-800: #433d5b;
--color-violet-heaven-900: #2e2a40;
--color-violet-heaven-950: #1b1829;
}SCSS
$violet-heaven: #c0b4eb;
$violet-heaven-rgb: 192, 180, 235;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}