Nearest named color · #C2BFE4
#C2BFE4
Nearest named color: Digital Lavender
#C2BFE4 (rgb(194 191 228), hsl(245 41% 82%), oklch(0.819 0.052 288.9)) is closest to the named color Digital Lavender. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C2BFE4
oklch(0.819 0.052 288.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C8C5E7
- CECCEA
- D4D2EC
- DAD8EF
- E0DFF2
- E6E5F4
- ECECF7
- F2F2FA
- F9F9FC
Shades
- A8A6C6
- 8F8DA9
- 77758D
- 605E72
- 494858
- 34333F
- 201F28
- 0E0D12
- 020203
Tones
- BBB9DA
- B4B2CF
- AEACC5
- A7A5BB
- A09FB1
- 9A99A7
- 93939D
- 8D8C93
- 86868A
Color harmonies
Complementary +180°
- C2BFE4
Digital Lavender
- C6C7A1
≈ Watercress Pesto
Analogous -30° +30°
- C2BFE4
Digital Lavender
- B0C5E6
≈ Promise Keeping
- D3BADA
≈ Pussyfoot
Triadic +120° +240°
- C2BFE4
Digital Lavender
- E1BBA7
≈ Pickled Pork
- A4CFBE
≈ Swimming Pool Green
Split-complementary +150° +210°
- C2BFE4
Digital Lavender
- D6C19F
≈ Gold Wash
- B3CCAC
≈ Spring Fields
Tetradic +90° +180° +270°
- C2BFE4
Digital Lavender
- E4B7B7
≈ Bistro Pink
- C6C7A1
≈ Watercress Pesto
- 9DCFD0
≈ Morning Glory
Contrast & accessibility
Ag
FailOn white
WCAG 1.76:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.86:1 · APCA Lc 70
Best text color: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
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);
}