Cor nomeada mais próxima · #B9528F
#B9528F
Cor nomeada mais próxima: Magenta Memoir
#B9528F (rgb(185 82 143), hsl(324 42% 52%), oklch(0.588 0.15 346.1)) é mais próxima da cor nomeada Magenta Memoir. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B9528F
oklch(0.588 0.15 346.1)
Conversões de cor
- HEX
- #b9528f
- RGB
- rgb(185 82 143)
- HSL
- hsl(324 42% 52%)
- HWB
- hwb(324 32% 27%)
- OKLCH
- oklch(0.588 0.15 346.1)
- OKLab
- oklab(0.588 0.146 -0.036)
- CIE Lab
- lab(50.11 47.47 -12.99)
- LCH
- lch(50.11 49.21 344.7)
- CMYK
- cmyk(0% 56% 23% 27%)
Tons claros · Sombras · Tons
Tons claros
- C2649A
- CA75A5
- D287B0
- D998BB
- E0A9C6
- E7BAD1
- EECBDC
- F4DCE8
- FAEEF3
Sombras
- A0467C
- 893B69
- 712F57
- 5B2545
- 461A34
- 311124
- 1E0815
- 0D0207
- 020001
Tons
- B4588E
- AF5E8C
- AA638B
- A56889
- 9F6C88
- 9A7086
- 947585
- 8E7983
- 877C82
Harmonias de cor
Complementar +180°
- B9528F
Magenta Memoir
- 00936C
≈ Viridian
Análoga -30° +30°
- B9528F
Magenta Memoir
- 9F5CB8
≈ Trunks Hair
- C5505D
≈ Claret Red
Tríade +120° +240°
- B9528F
Magenta Memoir
- 878000
≈ Olive
- 0089AF
≈ Stomy Shower
Complementar dividida +150° +210°
- B9528F
Magenta Memoir
- 4F9029
≈ Vida Loca
- 008F90
≈ Forever Teal
Tétrade +90° +180° +270°
- B9528F
Magenta Memoir
- A67100
≈ Golden Hind
- 00936C
≈ Viridian
- 397CD3
≈ Soothing Sapphire
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--magenta-memoir: #b9528f;
--magenta-memoir-rgb: 185 82 143;
--magenta-memoir-oklch: oklch(0.588 0.15 346.1);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(324 42% 52%);
border-color: oklch(0.588 0.15 346.1);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #b9528f;
--color-magenta-memoir-50: #ffe4fd;
--color-magenta-memoir-100: #ffd4f1;
--color-magenta-memoir-200: #ffbadf;
--color-magenta-memoir-300: #f097c5;
--color-magenta-memoir-400: #dc77b1;
--color-magenta-memoir-500: #c9569b;
--color-magenta-memoir-600: #aa4a83;
--color-magenta-memoir-700: #893b69;
--color-magenta-memoir-800: #652a4f;
--color-magenta-memoir-900: #471c37;
--color-magenta-memoir-950: #2e0c22;
}SCSS
$magenta-memoir: #b9528f;
$magenta-memoir-rgb: 185, 82, 143;
$magenta-memoir-light: mix(#fff, $magenta-memoir, 20%);
$magenta-memoir-dark: mix(#000, $magenta-memoir, 20%);
.element {
color: $magenta-memoir;
box-shadow: 0 0 0 2px rgba($magenta-memoir, 0.35);
}