Nearest named color · #D992F1
#D992F1
Nearest named color: Dream Vapour
#D992F1 (rgb(217 146 241), hsl(285 77% 76%), oklch(0.764 0.151 317.3)) is closest to the named color Dream Vapour. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D992F1
oklch(0.764 0.151 317.3)
Color conversions
- HEX
- #d992f1
- RGB
- rgb(217 146 241)
- HSL
- hsl(285 77% 76%)
- HWB
- hwb(285 57% 5%)
- OKLCH
- oklch(0.764 0.151 317.3)
- OKLab
- oklab(0.764 0.111 -0.102)
- CIE Lab
- lab(70.44 39.33 -37.16)
- LCH
- lch(70.44 54.1 316.6)
- CMYK
- cmyk(10% 39% 0% 5%)
Tints · Shades · Tones
Tints
- DD9DF3
- E1A8F5
- E5B3F6
- E9BEF8
- EDC9F9
- F1D4FB
- F4DFFC
- F8EAFD
- FCF4FE
Shades
- BC7ED2
- A16BB3
- 865895
- 6C4679
- 53355D
- 3B2543
- 25162B
- 110814
- 020103
Tones
- D091E5
- C78FDA
- BE8ECF
- B58CC3
- AC8BB8
- A389AD
- 9A87A1
- 928596
- 89828B
Color harmonies
Complementary +180°
- D992F1
Dream Vapour
- 82C865
≈ Energise
Analogous -30° +30°
- D992F1
Dream Vapour
- ADA5FF
≈ Shy Moment
- F688C4
≈ Bubblegum Beam
Triadic +120° +240°
- D992F1
Dream Vapour
- E7A424
≈ Orange Sulphur
- 00CBCF
≈ Tilla Kari Mosque
Split-complementary +150° +210°
- D992F1
Dream Vapour
- BDB82D
≈ Olive Yellow
- 20D09E
≈ Wild Caribbean Green
Tetradic +90° +180° +270°
- D992F1
Dream Vapour
- FF9158
≈ Fire Orange
- 82C865
≈ Energise
- 00C4FB
≈ Spiro Disco Ball
Contrast & accessibility
Ag
FailOn white
WCAG 2.25:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.33:1 · APCA Lc 58
Best text color: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--dream-vapour: #d992f1;
--dream-vapour-rgb: 217 146 241;
--dream-vapour-oklch: oklch(0.764 0.151 317.3);
}
.element {
color: var(--dream-vapour);
background-color: hsl(285 77% 76%);
border-color: oklch(0.764 0.151 317.3);
}Tailwind CSS v4
@theme {
--color-dream-vapour: #d992f1;
--color-dream-vapour-50: #ffe8ff;
--color-dream-vapour-100: #fed8ff;
--color-dream-vapour-200: #f1c0fd;
--color-dream-vapour-300: #d99ee8;
--color-dream-vapour-400: #c280d9;
--color-dream-vapour-500: #ae61c7;
--color-dream-vapour-600: #9353a8;
--color-dream-vapour-700: #764287;
--color-dream-vapour-800: #563065;
--color-dream-vapour-900: #3c2047;
--color-dream-vapour-950: #260f2e;
}SCSS
$dream-vapour: #d992f1;
$dream-vapour-rgb: 217, 146, 241;
$dream-vapour-light: mix(#fff, $dream-vapour, 20%);
$dream-vapour-dark: mix(#000, $dream-vapour, 20%);
.element {
color: $dream-vapour;
box-shadow: 0 0 0 2px rgba($dream-vapour, 0.35);
}