Couleur nommée la plus proche · #C1BFDF
#C1BFDF
Couleur nommée la plus proche: Digital Lavender
#C1BFDF (rgb(193 191 223), hsl(244 33% 81%), oklch(0.817 0.045 288.2)) 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.
#C1BFDF
oklch(0.817 0.045 288.2)
Conversions de couleur
- HEX
- #c1bfdf
- RGB
- rgb(193 191 223)
- HSL
- hsl(244 33% 81%)
- HWB
- hwb(244 75% 13%)
- OKLCH
- oklch(0.817 0.045 288.2)
- OKLab
- oklab(0.817 0.014 -0.042)
- CIE Lab
- lab(78.28 5.44 -15.78)
- LCH
- lch(78.28 16.69 289)
- CMYK
- cmyk(13% 14% 0% 13%)
Teintes · Ombres · Tons
Teintes
- C7C5E2
- CDCCE6
- D3D2E9
- D9D8EC
- E0DFEF
- E6E5F2
- ECECF6
- F2F2F9
- F9F8FC
Ombres
- A7A6C2
- 8F8DA5
- 77758A
- 5F5E6F
- 494856
- 34333D
- 201F27
- 0E0D12
- 020202
Tons
- BAB9D5
- B4B2CB
- ADACC2
- A6A5B8
- A09FAF
- 9999A5
- 93929C
- 8D8C92
- 868689
Harmonies de couleurs
Complémentaire +180°
- C1BFDF
Digital Lavender
- C5C6A5
≈ Rejuvenate
Analogue -30° +30°
- C1BFDF
Digital Lavender
- B2C4E0
≈ Simply Sparkling
- D0BAD6
≈ Petite Purple
Triadique +120° +240°
- C1BFDF
Digital Lavender
- DCBBAA
≈ Pickled Pork
- A8CDBE
≈ Greywacke
Complémentaire divisée +150° +210°
- C1BFDF
Digital Lavender
- D3C0A3
≈ Dune
- B5CAAF
≈ Healing Aloe
Tétradique +90° +180° +270°
- C1BFDF
Digital Lavender
- DFB8B8
≈ O Fortuna
- C5C6A5
≈ Rejuvenate
- A2CCCD
≈ Mystery
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.78:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.78:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--digital-lavender: #c1bfdf;
--digital-lavender-rgb: 193 191 223;
--digital-lavender-oklch: oklch(0.817 0.045 288.2);
}
.element {
color: var(--digital-lavender);
background-color: hsl(244 33% 81%);
border-color: oklch(0.817 0.045 288.2);
}Tailwind CSS v4
@theme {
--color-digital-lavender: #c1bfdf;
--color-digital-lavender-50: #f5f3ff;
--color-digital-lavender-100: #e7e6f6;
--color-digital-lavender-200: #d3d1e7;
--color-digital-lavender-300: #b7b4cd;
--color-digital-lavender-400: #9d9bb8;
--color-digital-lavender-500: #8482a3;
--color-digital-lavender-600: #706e89;
--color-digital-lavender-700: #59586e;
--color-digital-lavender-800: #414051;
--color-digital-lavender-900: #2d2c39;
--color-digital-lavender-950: #1a1923;
}SCSS
$digital-lavender: #c1bfdf;
$digital-lavender-rgb: 193, 191, 223;
$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);
}