Cor nomeada · #963B60
Aurora Magenta
Aurora Magenta é #963B60: rgb(150 59 96), hsl(336 44% 41%), oklch(0.488 0.128 357.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Aurora Magenta color name →
#963B60
oklch(0.488 0.128 357.6)
Conversões de cor
- HEX
- #963b60
- RGB
- rgb(150 59 96)
- HSL
- hsl(336 44% 41%)
- HWB
- hwb(336 23% 41%)
- OKLCH
- oklch(0.488 0.128 357.6)
- OKLab
- oklab(0.488 0.128 -0.005)
- CIE Lab
- lab(38.95 41.61 -1.53)
- LCH
- lch(38.95 41.64 357.9)
- CMYK
- cmyk(0% 61% 36% 41%)
Tons claros · Sombras · Tons
Tons claros
- A24F6F
- AE627D
- B9758D
- C4889C
- CE9CAC
- D9AFBC
- E3C3CC
- ECD7DD
- F6EBEE
Sombras
- 823252
- 6E2945
- 5B2138
- 49192C
- 371120
- 260915
- 16040A
- 080103
- 010000
Tons
- 954363
- 944B66
- 925269
- 91596D
- 8F6070
- 8C6773
- 8A6D76
- 877479
- 847A7D
Harmonias de cor
Complementar +180°
- 963B60
Aurora Magenta
- 00705F
≈ Falcon Turquoise
Análoga -30° +30°
- 963B60
Aurora Magenta
- 854284
≈ Purpurite Red
- 9B3D35
≈ Barrel Sponge
Tríade +120° +240°
- 963B60
Aurora Magenta
- 5B6700
≈ Mud Green
- 006795
≈ Peacock Blue
Complementar dividida +150° +210°
- 963B60
Aurora Magenta
- 1B7231
≈ Hawaiian Ti Leaf
- 006D78
≈ Carnival Night
Tétrade +90° +180° +270°
- 963B60
Aurora Magenta
- 785B00
≈ Blackfire Earth
- 00705F
≈ Falcon Turquoise
- 405AA8
≈ Blasphemous Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.79:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.09:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--aurora-magenta: #963b60;
--aurora-magenta-rgb: 150 59 96;
--aurora-magenta-oklch: oklch(0.488 0.128 357.6);
}
.element {
color: var(--aurora-magenta);
background-color: hsl(336 44% 41%);
border-color: oklch(0.488 0.128 357.6);
}Tailwind CSS v4
@theme {
--color-aurora-magenta: #963b60;
--color-aurora-magenta-50: #ffe7f4;
--color-aurora-magenta-100: #ffd7e6;
--color-aurora-magenta-200: #ffbed2;
--color-aurora-magenta-300: #ee9cb5;
--color-aurora-magenta-400: #da7d9f;
--color-aurora-magenta-500: #c75e86;
--color-aurora-magenta-600: #a85072;
--color-aurora-magenta-700: #87405b;
--color-aurora-magenta-800: #642d44;
--color-aurora-magenta-900: #461f2f;
--color-aurora-magenta-950: #2d0e1c;
}SCSS
$aurora-magenta: #963b60;
$aurora-magenta-rgb: 150, 59, 96;
$aurora-magenta-light: mix(#fff, $aurora-magenta, 20%);
$aurora-magenta-dark: mix(#000, $aurora-magenta, 20%);
.element {
color: $aurora-magenta;
box-shadow: 0 0 0 2px rgba($aurora-magenta, 0.35);
}