Couleur nommée la plus proche · #C2BFE4
#C2BFE4
Couleur nommée la plus proche: Digital Lavender
#C2BFE4 (rgb(194 191 228), hsl(245 41% 82%), oklch(0.819 0.052 288.9)) est la plus proche de la couleur nommée Digital Lavender. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C2BFE4
oklch(0.819 0.052 288.9)
Conversions de couleur
- HEX
- #c2bfe4
- RGB
- rgb(194 191 228)
- HSL
- hsl(245 41% 82%)
- HWB
- hwb(245 75% 11%)
- OKLCH
- oklch(0.819 0.052 288.9)
- OKLab
- oklab(0.819 0.017 -0.049)
- CIE Lab
- lab(78.49 6.58 -18.13)
- LCH
- lch(78.49 19.29 289.9)
- CMYK
- cmyk(15% 16% 0% 11%)
Teintes · Ombres · Tons
Teintes
- C8C5E7
- CECCEA
- D4D2EC
- DAD8EF
- E0DFF2
- E6E5F4
- ECECF7
- F2F2FA
- F9F9FC
Ombres
- A8A6C6
- 8F8DA9
- 77758D
- 605E72
- 494858
- 34333F
- 201F28
- 0E0D12
- 020203
Tons
- BBB9DA
- B4B2CF
- AEACC5
- A7A5BB
- A09FB1
- 9A99A7
- 93939D
- 8D8C93
- 86868A
Harmonies de couleurs
Complémentaire +180°
- C2BFE4
Digital Lavender
- C6C7A1
≈ Watercress Pesto
Analogue -30° +30°
- C2BFE4
Digital Lavender
- B0C5E6
≈ Promise Keeping
- D3BADA
≈ Pussyfoot
Triadique +120° +240°
- C2BFE4
Digital Lavender
- E1BBA7
≈ Pickled Pork
- A4CFBE
≈ Swimming Pool Green
Complémentaire divisée +150° +210°
- C2BFE4
Digital Lavender
- D6C19F
≈ Gold Wash
- B3CCAC
≈ Spring Fields
Tétradique +90° +180° +270°
- C2BFE4
Digital Lavender
- E4B7B7
≈ Bistro Pink
- C6C7A1
≈ Watercress Pesto
- 9DCFD0
≈ Morning Glory
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.76:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.86:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--digital-lavender: #c2bfe4;
--digital-lavender-rgb: 194 191 228;
--digital-lavender-oklch: oklch(0.819 0.052 288.9);
}
.element {
color: var(--digital-lavender);
background-color: hsl(245 41% 82%);
border-color: oklch(0.819 0.052 288.9);
}Tailwind CSS v4
@theme {
--color-digital-lavender: #c2bfe4;
--color-digital-lavender-50: #f5f3ff;
--color-digital-lavender-100: #e7e5f8;
--color-digital-lavender-200: #d4d1e9;
--color-digital-lavender-300: #b7b3d1;
--color-digital-lavender-400: #9d9abc;
--color-digital-lavender-500: #8581a7;
--color-digital-lavender-600: #706d8d;
--color-digital-lavender-700: #5a5771;
--color-digital-lavender-800: #414054;
--color-digital-lavender-900: #2d2c3a;
--color-digital-lavender-950: #1a1924;
}SCSS
$digital-lavender: #c2bfe4;
$digital-lavender-rgb: 194, 191, 228;
$digital-lavender-light: mix(#fff, $digital-lavender, 20%);
$digital-lavender-dark: mix(#000, $digital-lavender, 20%);
.element {
color: $digital-lavender;
box-shadow: 0 0 0 2px rgba($digital-lavender, 0.35);
}