Named color · #9EABD0
Lilac Scent Soft Blue
Lilac Scent Soft Blue is #9EABD0: rgb(158 171 208), hsl(224 35% 72%), oklch(0.744 0.056 269.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Lilac Scent Soft Blue color name →
#9EABD0
oklch(0.744 0.056 269.8)
Color conversions
- HEX
- #9eabd0
- RGB
- rgb(158 171 208)
- HSL
- hsl(224 35% 72%)
- HWB
- hwb(224 62% 18%)
- OKLCH
- oklch(0.744 0.056 269.8)
- OKLab
- oklab(0.744 0 -0.055)
- CIE Lab
- lab(69.91 1.39 -20.52)
- LCH
- lch(69.91 20.57 273.9)
- CMYK
- cmyk(24% 18% 0% 18%)
Tints · Shades · Tones
Tints
- A7B3D5
- B1BBDA
- BAC4DE
- C4CCE3
- CDD4E8
- D7DDEC
- E1E5F1
- EBEEF6
- F5F6FA
Shades
- 8994B5
- 747E9A
- 606880
- 4D5467
- 3A404F
- 292D39
- 181B23
- 090B10
- 010102
Tones
- 9BA7C8
- 98A2C0
- 959EB8
- 929AB0
- 8F95A7
- 8C91A0
- 898D98
- 868990
- 838488
Color harmonies
Complementary +180°
- 9EABD0
Lilac Scent Soft Blue
- BAAB84
≈ Pavlova
Analogous -30° +30°
- 9EABD0
Lilac Scent Soft Blue
- 8DB1CC
≈ Windy Day
- B1A5CB
≈ Wisteria-Wise
Triadic +120° +240°
- 9EABD0
Lilac Scent Soft Blue
- CD9F98
≈ Raffia Cream
- 94B69A
≈ Garden District
Split-complementary +150° +210°
- 9EABD0
Lilac Scent Soft Blue
- C7A489
≈ Peanut Butter Crust
- A7B28A
≈ Haven
Tetradic +90° +180° +270°
- 9EABD0
Lilac Scent Soft Blue
- CB9EAB
≈ Pink Ice
- BAAB84
≈ Pavlova
- 86B8AD
≈ Winter Surf
Contrast & accessibility
Ag
FailOn white
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.18:1 · APCA Lc 57
Best text color: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--lilac-scent-soft-blue: #9eabd0;
--lilac-scent-soft-blue-rgb: 158 171 208;
--lilac-scent-soft-blue-oklch: oklch(0.744 0.056 269.8);
}
.element {
color: var(--lilac-scent-soft-blue);
background-color: hsl(224 35% 72%);
border-color: oklch(0.744 0.056 269.8);
}Tailwind CSS v4
@theme {
--color-lilac-scent-soft-blue: #9eabd0;
--color-lilac-scent-soft-blue-50: #eff5ff;
--color-lilac-scent-soft-blue-100: #e1e7fb;
--color-lilac-scent-soft-blue-200: #ccd3ed;
--color-lilac-scent-soft-blue-300: #adb6d5;
--color-lilac-scent-soft-blue-400: #919dc0;
--color-lilac-scent-soft-blue-500: #7885ac;
--color-lilac-scent-soft-blue-600: #657091;
--color-lilac-scent-soft-blue-700: #515a74;
--color-lilac-scent-soft-blue-800: #3a4256;
--color-lilac-scent-soft-blue-900: #282d3c;
--color-lilac-scent-soft-blue-950: #161a26;
}SCSS
$lilac-scent-soft-blue: #9eabd0;
$lilac-scent-soft-blue-rgb: 158, 171, 208;
$lilac-scent-soft-blue-light: mix(#fff, $lilac-scent-soft-blue, 20%);
$lilac-scent-soft-blue-dark: mix(#000, $lilac-scent-soft-blue, 20%);
.element {
color: $lilac-scent-soft-blue;
box-shadow: 0 0 0 2px rgba($lilac-scent-soft-blue, 0.35);
}