Named color · #A899E6
Dull Lavender
Dull Lavender is #A899E6: rgb(168 153 230), hsl(252 61% 75%), oklch(0.725 0.111 292.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Dull Lavender color name →
#A899E6
oklch(0.725 0.111 292.3)
Color conversions
- HEX
- #a899e6
- RGB
- rgb(168 153 230)
- HSL
- hsl(252 61% 75%)
- HWB
- hwb(252 60% 10%)
- OKLCH
- oklch(0.725 0.111 292.3)
- OKLab
- oklab(0.725 0.042 -0.103)
- CIE Lab
- lab(66.78 18.13 -37.27)
- LCH
- lch(66.78 41.44 295.9)
- CMYK
- cmyk(27% 33% 0% 10%)
Tints · Shades · Tones
Tints
- B0A3E9
- B8ADEC
- C1B8EF
- C9C2F1
- D2CCF4
- DBD6F6
- E4E0F9
- EDEAFB
- F6F5FD
Shades
- 9284C8
- 7C70AB
- 675D8E
- 524A73
- 3F3859
- 2C2740
- 1A1728
- 0A0813
- 010103
Tones
- A497DC
- A094D1
- 9B92C7
- 9790BD
- 938DB3
- 8F8BA9
- 8B889E
- 888594
- 84838A
Color harmonies
Complementary +180°
- A899E6
Dull Lavender
- A7AD57
≈ Spinach Banana Smoothie
Analogous -30° +30°
- A899E6
Dull Lavender
- 80A6EC
≈ Blue Cue
- C78ECF
≈ Rose Souvenir
Triadic +120° +240°
- A899E6
Dull Lavender
- DD9262
≈ Summer’s End
- 4EBD9F
≈ Jolt of Jade
Split-complementary +150° +210°
- A899E6
Dull Lavender
- C99F4E
≈ Sauterne
- 7CB877
≈ Colour Me Green
Tetradic +90° +180° +270°
- A899E6
Dull Lavender
- E48986
≈ Pink Chi
- A7AD57
≈ Spinach Banana Smoothie
- 35BAC4
≈ Panorama Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.51:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.36:1 · APCA Lc 53
Best text color: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--dull-lavender: #a899e6;
--dull-lavender-rgb: 168 153 230;
--dull-lavender-oklch: oklch(0.725 0.111 292.3);
}
.element {
color: var(--dull-lavender);
background-color: hsl(252 61% 75%);
border-color: oklch(0.725 0.111 292.3);
}Tailwind CSS v4
@theme {
--color-dull-lavender: #a899e6;
--color-dull-lavender-50: #f6f0ff;
--color-dull-lavender-100: #e9e1ff;
--color-dull-lavender-200: #d6ccff;
--color-dull-lavender-300: #baadeb;
--color-dull-lavender-400: #a092db;
--color-dull-lavender-500: #8977c9;
--color-dull-lavender-600: #7465aa;
--color-dull-lavender-700: #5c5188;
--color-dull-lavender-800: #423b66;
--color-dull-lavender-900: #2e2848;
--color-dull-lavender-950: #1b162f;
}SCSS
$dull-lavender: #a899e6;
$dull-lavender-rgb: 168, 153, 230;
$dull-lavender-light: mix(#fff, $dull-lavender, 20%);
$dull-lavender-dark: mix(#000, $dull-lavender, 20%);
.element {
color: $dull-lavender;
box-shadow: 0 0 0 2px rgba($dull-lavender, 0.35);
}