Nearest named color · #DF7289
#DF7289
Nearest named color: Raspberry Mousse
#DF7289 (rgb(223 114 137), hsl(347 63% 66%), oklch(0.683 0.137 8)) is closest to the named color Raspberry Mousse. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DF7289
oklch(0.683 0.137 8)
Color conversions
- HEX
- #df7289
- RGB
- rgb(223 114 137)
- HSL
- hsl(347 63% 66%)
- HWB
- hwb(347 45% 13%)
- OKLCH
- oklch(0.683 0.137 8)
- OKLab
- oklab(0.683 0.136 0.019)
- CIE Lab
- lab(61.65 45.02 8.1)
- LCH
- lch(61.65 45.74 10.2)
- CMYK
- cmyk(0% 49% 39% 13%)
Tints · Shades · Tones
Tints
- E48194
- E88FA0
- EC9DAB
- F0ABB7
- F4B9C2
- F7C7CE
- F9D5DA
- FCE3E6
- FEF1F3
Shades
- C26276
- A55364
- 8A4453
- 6F3642
- 562831
- 3D1B22
- 270E14
- 120407
- 020101
Tones
- D67488
- CD7687
- C47886
- BB7A85
- B27B85
- A87D84
- 9F7E83
- 957F82
- 8B7F81
Color harmonies
Complementary +180°
- DF7289
Raspberry Mousse
- 00B0A7
≈ Cozumel
Analogous -30° +30°
- DF7289
Raspberry Mousse
- CF76B7
≈ Sky Magenta
- E07858
≈ Potash
Triadic +120° +240°
- DF7289
Raspberry Mousse
- 80A944
≈ Greenery
- 4B9FE9
≈ Perfect Days
Split-complementary +150° +210°
- DF7289
Raspberry Mousse
- 3BB278
≈ Link’s Awakening
- 00ABCB
≈ Gummy Dolphins
Tetradic +90° +180° +270°
- DF7289
Raspberry Mousse
- B09913
≈ Banana Puree
- 00B0A7
≈ Cozumel
- 868FEC
≈ Perrywinkle
Contrast & accessibility
Ag
FailOn white
WCAG 3.04:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.90:1 · APCA Lc 45
Best text color: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--raspberry-mousse: #df7289;
--raspberry-mousse-rgb: 223 114 137;
--raspberry-mousse-oklch: oklch(0.683 0.137 8);
}
.element {
color: var(--raspberry-mousse);
background-color: hsl(347 63% 66%);
border-color: oklch(0.683 0.137 8);
}Tailwind CSS v4
@theme {
--color-raspberry-mousse: #df7289;
--color-raspberry-mousse-50: #ffe6ec;
--color-raspberry-mousse-100: #ffd6dd;
--color-raspberry-mousse-200: #ffbcc7;
--color-raspberry-mousse-300: #f499a7;
--color-raspberry-mousse-400: #e27a8f;
--color-raspberry-mousse-500: #cf5975;
--color-raspberry-mousse-600: #af4c63;
--color-raspberry-mousse-700: #8c3d4f;
--color-raspberry-mousse-800: #682b3b;
--color-raspberry-mousse-900: #491d28;
--color-raspberry-mousse-950: #300d16;
}SCSS
$raspberry-mousse: #df7289;
$raspberry-mousse-rgb: 223, 114, 137;
$raspberry-mousse-light: mix(#fff, $raspberry-mousse, 20%);
$raspberry-mousse-dark: mix(#000, $raspberry-mousse, 20%);
.element {
color: $raspberry-mousse;
box-shadow: 0 0 0 2px rgba($raspberry-mousse, 0.35);
}