Color con nombre · #F75280
Macaroon Rose
Macaroon Rose es #F75280: rgb(247 82 128), hsl(343 91% 65%), oklch(0.675 0.202 7.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Macaroon Rose color name →
#F75280
oklch(0.675 0.202 7.5)
Conversiones de color
- HEX
- #f75280
- RGB
- rgb(247 82 128)
- HSL
- hsl(343 91% 65%)
- HWB
- hwb(343 32% 3%)
- OKLCH
- oklch(0.675 0.202 7.5)
- OKLab
- oklab(0.675 0.2 0.027)
- CIE Lab
- lab(59.94 65.89 11.59)
- LCH
- lch(59.94 66.9 10)
- CMYK
- cmyk(0% 67% 48% 3%)
Tintes · Sombras · Tonos
Tintes
- FB678C
- FE7A98
- FF8CA5
- FF9DB1
- FFAEBE
- FFBFCA
- FFCFD7
- FFDFE4
- FFEFF2
Sombras
- D7466E
- B73B5D
- 992F4D
- 7C253D
- 601A2E
- 45111F
- 2C0812
- 150206
- 030001
Tonos
- EC5A80
- E16180
- D66780
- CB6C80
- BF7080
- B47480
- A87880
- 9B7B80
- 8E7E80
Armonías de color
Complementario +180°
- F75280
Macaroon Rose
- 00AEA4
≈ Cozumel
Análogo -30° +30°
- F75280
Macaroon Rose
- E15BC2
≈ Barbiecore
- F95C27
≈ Raw Sunset
Triádico +120° +240°
- F75280
Macaroon Rose
- 78A900
≈ Green Envy
- 009CFE
≈ Blue Nebula
Complementario dividido +150° +210°
- F75280
Macaroon Rose
- 00B36F
≈ Green Teal
- 00A8C8
≈ Gummy Dolphins
Tetrádico +90° +180° +270°
- F75280
Macaroon Rose
- AF9600
≈ Sunken Gold
- 00AEA4
≈ Cozumel
- 7F88FF
≈ Lavender Blue Shadow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.24:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.47:1 · APCA Lc 43
Mejor color de texto: #000000
WCAG 6.47:1 (AA) · APCA Lc 43
Contrast pairs
Fragmentos de código
CSS
:root {
--macaroon-rose: #f75280;
--macaroon-rose-rgb: 247 82 128;
--macaroon-rose-oklch: oklch(0.675 0.202 7.5);
}
.element {
color: var(--macaroon-rose);
background-color: hsl(343 91% 65%);
border-color: oklch(0.675 0.202 7.5);
}Tailwind CSS v4
@theme {
--color-macaroon-rose: #f75280;
--color-macaroon-rose-50: #ffdee8;
--color-macaroon-rose-100: #ffccd9;
--color-macaroon-rose-200: #ffafc1;
--color-macaroon-rose-300: #ff87a1;
--color-macaroon-rose-400: #fc6089;
--color-macaroon-rose-500: #eb2e6e;
--color-macaroon-rose-600: #c62a5d;
--color-macaroon-rose-700: #9f224a;
--color-macaroon-rose-800: #771738;
--color-macaroon-rose-900: #540f26;
--color-macaroon-rose-950: #380115;
}SCSS
$macaroon-rose: #f75280;
$macaroon-rose-rgb: 247, 82, 128;
$macaroon-rose-light: mix(#fff, $macaroon-rose, 20%);
$macaroon-rose-dark: mix(#000, $macaroon-rose, 20%);
.element {
color: $macaroon-rose;
box-shadow: 0 0 0 2px rgba($macaroon-rose, 0.35);
}