Named color · #DAC4DC
Simply Lavender
Simply Lavender is #DAC4DC: rgb(218 196 220), hsl(295 26% 82%), oklch(0.846 0.041 323.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Simply Lavender color name →
#DAC4DC
oklch(0.846 0.041 323.4)
Color conversions
- HEX
- #dac4dc
- RGB
- rgb(218 196 220)
- HSL
- hsl(295 26% 82%)
- HWB
- hwb(295 77% 14%)
- OKLCH
- oklch(0.846 0.041 323.4)
- OKLab
- oklab(0.846 0.033 -0.024)
- CIE Lab
- lab(81.57 11.15 -9.03)
- LCH
- lch(81.57 14.35 321)
- CMYK
- cmyk(1% 11% 0% 14%)
Tints · Shades · Tones
Tints
- DECADF
- E1D0E3
- E5D5E6
- E9DBEA
- EDE1ED
- F0E7F1
- F4EDF4
- F8F3F8
- FBF9FB
Shades
- BDAABF
- A291A3
- 877888
- 6C616E
- 544A54
- 3C353C
- 252126
- 110E11
- 020202
Tones
- D1BDD2
- C7B6C9
- BEAFC0
- B5A8B6
- ACA1AD
- A39BA4
- 9A949B
- 918D92
- 898789
Color harmonies
Complementary +180°
- DAC4DC
Simply Lavender
- BDD4BC
≈ Surf
Analogous -30° +30°
- DAC4DC
Simply Lavender
- CDC8E5
≈ Italian Fitch
- E3C2CE
≈ In the Slip
Triadic +120° +240°
- DAC4DC
Simply Lavender
- D9CBAF
≈ Soft Suede
- AED5D8
≈ Light Continental Waters
Split-complementary +150° +210°
- DAC4DC
Simply Lavender
- CCD0B2
≈ Meadow Glen
- B2D6CA
≈ Gemini
Tetradic +90° +180° +270°
- DAC4DC
Simply Lavender
- E3C6B4
≈ Birthday Suit
- BDD4BC
≈ Surf
- B3D2E3
≈ Spotted Snake Eel
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.91:1 · APCA Lc 75
Best text color: #000000
WCAG 12.91:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--simply-lavender: #dac4dc;
--simply-lavender-rgb: 218 196 220;
--simply-lavender-oklch: oklch(0.846 0.041 323.4);
}
.element {
color: var(--simply-lavender);
background-color: hsl(295 26% 82%);
border-color: oklch(0.846 0.041 323.4);
}Tailwind CSS v4
@theme {
--color-simply-lavender: #dac4dc;
--color-simply-lavender-50: #fbf1fc;
--color-simply-lavender-100: #efe3ef;
--color-simply-lavender-200: #decfde;
--color-simply-lavender-300: #c3b1c3;
--color-simply-lavender-400: #ab97ac;
--color-simply-lavender-500: #947d96;
--color-simply-lavender-600: #7d6a7f;
--color-simply-lavender-700: #645565;
--color-simply-lavender-800: #493e4b;
--color-simply-lavender-900: #332b34;
--color-simply-lavender-950: #1e181f;
}SCSS
$simply-lavender: #dac4dc;
$simply-lavender-rgb: 218, 196, 220;
$simply-lavender-light: mix(#fff, $simply-lavender, 20%);
$simply-lavender-dark: mix(#000, $simply-lavender, 20%);
.element {
color: $simply-lavender;
box-shadow: 0 0 0 2px rgba($simply-lavender, 0.35);
}