Nearest named color · #F08CE1
#F08CE1
Nearest named color: Love Dust
#F08CE1 (rgb(240 140 225), hsl(309 77% 75%), oklch(0.773 0.16 332.7)) is closest to the named color Love Dust. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F08CE1
oklch(0.773 0.16 332.7)
Color conversions
- HEX
- #f08ce1
- RGB
- rgb(240 140 225)
- HSL
- hsl(309 77% 75%)
- HWB
- hwb(309 55% 6%)
- OKLCH
- oklch(0.773 0.16 332.7)
- OKLab
- oklab(0.773 0.142 -0.073)
- CIE Lab
- lab(71.39 47.5 -26.68)
- LCH
- lch(71.39 54.48 330.7)
- CMYK
- cmyk(0% 42% 6% 6%)
Tints · Shades · Tones
Tints
- F298E4
- F5A4E7
- F7B0EB
- F9BBEE
- FAC7F1
- FCD2F4
- FDDDF7
- FEE9F9
- FFF4FC
Shades
- D179C4
- B267A7
- 95558B
- 784370
- 5D3356
- 43233E
- 2A1427
- 140712
- 030102
Tones
- E58CD7
- DA8BCD
- CF8AC3
- C489BA
- B888B0
- AD87A6
- A2859D
- 978493
- 8B8289
Color harmonies
Complementary +180°
- F08CE1
Love Dust
- 54D282
≈ Spring Bouquet
Analogous -30° +30°
- F08CE1
Love Dust
- C79EFF
≈ Diva
- FF8CAD
≈ Rock’n’Rose
Triadic +120° +240°
- F08CE1
Love Dust
- D8B100
≈ Crown of Liechtenstein
- 00CBE8
≈ Picnic Day Sky
Split-complementary +150° +210°
- F08CE1
Love Dust
- A3C542
≈ Seductive Thorns
- 00D1BD
≈ Exquisite Turquoise
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.20:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.54:1 · APCA Lc 59
Best text color: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--love-dust: #f08ce1;
--love-dust-rgb: 240 140 225;
--love-dust-oklch: oklch(0.773 0.16 332.7);
}
.element {
color: var(--love-dust);
background-color: hsl(309 77% 75%);
border-color: oklch(0.773 0.16 332.7);
}Tailwind CSS v4
@theme {
--color-love-dust: #f08ce1;
--color-love-dust-50: #ffe5ff;
--color-love-dust-100: #ffd4fe;
--color-love-dust-200: #ffbbf0;
--color-love-dust-300: #e997d8;
--color-love-dust-400: #d578c7;
--color-love-dust-500: #c157b3;
--color-love-dust-600: #a34a97;
--color-love-dust-700: #833b79;
--color-love-dust-800: #602a5c;
--color-love-dust-900: #431c40;
--color-love-dust-950: #2b0c29;
}SCSS
$love-dust: #f08ce1;
$love-dust-rgb: 240, 140, 225;
$love-dust-light: mix(#fff, $love-dust, 20%);
$love-dust-dark: mix(#000, $love-dust, 20%);
.element {
color: $love-dust;
box-shadow: 0 0 0 2px rgba($love-dust, 0.35);
}