Color con nombre más cercano · #DF7289
#DF7289
Color con nombre más cercano: Raspberry Mousse
#DF7289 (rgb(223 114 137), hsl(347 63% 66%), oklch(0.683 0.137 8)) se parece más al color con nombre Raspberry Mousse. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DF7289
oklch(0.683 0.137 8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E48194
- E88FA0
- EC9DAB
- F0ABB7
- F4B9C2
- F7C7CE
- F9D5DA
- FCE3E6
- FEF1F3
Sombras
- C26276
- A55364
- 8A4453
- 6F3642
- 562831
- 3D1B22
- 270E14
- 120407
- 020101
Tonos
- D67488
- CD7687
- C47886
- BB7A85
- B27B85
- A87D84
- 9F7E83
- 957F82
- 8B7F81
Armonías de color
Complementario +180°
- DF7289
Raspberry Mousse
- 00B0A7
≈ Cozumel
Análogo -30° +30°
- DF7289
Raspberry Mousse
- CF76B7
≈ Sky Magenta
- E07858
≈ Potash
Triádico +120° +240°
- DF7289
Raspberry Mousse
- 80A944
≈ Greenery
- 4B9FE9
≈ Perfect Days
Complementario dividido +150° +210°
- DF7289
Raspberry Mousse
- 3BB278
≈ Link’s Awakening
- 00ABCB
≈ Gummy Dolphins
Tetrádico +90° +180° +270°
- DF7289
Raspberry Mousse
- B09913
≈ Banana Puree
- 00B0A7
≈ Cozumel
- 868FEC
≈ Perrywinkle
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.04:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.90:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Fragmentos de código
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);
}