Nearest named color · #B18BD7
#B18BD7
Nearest named color: Dreamy Candy Forest
#B18BD7 (rgb(177 139 215), hsl(270 49% 69%), oklch(0.701 0.115 306.6)) is closest to the named color Dreamy Candy Forest. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B18BD7
oklch(0.701 0.115 306.6)
Color conversions
- HEX
- #b18bd7
- RGB
- rgb(177 139 215)
- HSL
- hsl(270 49% 69%)
- HWB
- hwb(270 55% 16%)
- OKLCH
- oklch(0.701 0.115 306.6)
- OKLab
- oklab(0.701 0.069 -0.093)
- CIE Lab
- lab(63.68 25.8 -33.7)
- LCH
- lch(63.68 42.44 307.4)
- CMYK
- cmyk(18% 35% 0% 16%)
Tints · Shades · Tones
Tints
- B997DB
- C0A2E0
- C8AEE4
- D0B9E8
- D7C5EC
- DFD0F0
- E7DCF4
- EFE8F8
- F7F3FB
Shades
- 9978BB
- 83669F
- 6C5485
- 57436B
- 423252
- 2F233B
- 1C1425
- 0C0711
- 010102
Tones
- AC8ACE
- A789C6
- A288BD
- 9D87B4
- 9886AB
- 9385A3
- 8E849A
- 8A8391
- 858189
Color harmonies
Complementary +180°
- B18BD7
Dreamy Candy Forest
- 8CAC59
≈ Chelsea Cucumber
Analogous -30° +30°
- B18BD7
Dreamy Candy Forest
- 8C98E6
≈ Portage
- CC82B9
≈ Peruvian Lily
Triadic +120° +240°
- B18BD7
Dreamy Candy Forest
- CF8F4A
≈ Slightly Golden
- 25B5AA
≈ Glass Jar Blue
Split-complementary +150° +210°
- B18BD7
Dreamy Candy Forest
- B39E41
≈ Queen Palm
- 5BB481
≈ Jade Cream
Tetradic +90° +180° +270°
- B18BD7
Dreamy Candy Forest
- DC846B
≈ Indian Princess
- 8CAC59
≈ Chelsea Cucumber
- 2BB0CD
≈ Aquarius
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.54:1 · APCA Lc 48
Best text color: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--dreamy-candy-forest: #b18bd7;
--dreamy-candy-forest-rgb: 177 139 215;
--dreamy-candy-forest-oklch: oklch(0.701 0.115 306.6);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(270 49% 69%);
border-color: oklch(0.701 0.115 306.6);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #b18bd7;
--color-dreamy-candy-forest-50: #ffedff;
--color-dreamy-candy-forest-100: #f3deff;
--color-dreamy-candy-forest-200: #e2c7fb;
--color-dreamy-candy-forest-300: #c8a8e5;
--color-dreamy-candy-forest-400: #b08cd4;
--color-dreamy-candy-forest-500: #9a70c2;
--color-dreamy-candy-forest-600: #825fa4;
--color-dreamy-candy-forest-700: #684c83;
--color-dreamy-candy-forest-800: #4b3762;
--color-dreamy-candy-forest-900: #342645;
--color-dreamy-candy-forest-950: #20142d;
}SCSS
$dreamy-candy-forest: #b18bd7;
$dreamy-candy-forest-rgb: 177, 139, 215;
$dreamy-candy-forest-light: mix(#fff, $dreamy-candy-forest, 20%);
$dreamy-candy-forest-dark: mix(#000, $dreamy-candy-forest, 20%);
.element {
color: $dreamy-candy-forest;
box-shadow: 0 0 0 2px rgba($dreamy-candy-forest, 0.35);
}