Cor nomeada · #5F4053
Amaranthine
Amaranthine é #5F4053: rgb(95 64 83), hsl(323 19% 31%), oklch(0.413 0.052 342.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Amaranthine color name →
#5F4053
oklch(0.413 0.052 342.2)
Conversões de cor
- HEX
- #5f4053
- RGB
- rgb(95 64 83)
- HSL
- hsl(323 19% 31%)
- HWB
- hwb(323 25% 63%)
- OKLCH
- oklch(0.413 0.052 342.2)
- OKLab
- oklab(0.413 0.049 -0.016)
- CIE Lab
- lab(31.22 16.35 -5.76)
- LCH
- lch(31.22 17.34 340.6)
- CMYK
- cmyk(0% 33% 13% 63%)
Tons claros · Sombras · Tons
Tons claros
- 6E5163
- 7D6373
- 8D7583
- 9D8794
- AD9AA5
- BDAEB6
- CDC2C8
- DDD6DA
- EEEAEC
Sombras
- 523647
- 442D3B
- 382430
- 2C1B25
- 20131B
- 150B11
- 0A0508
- 030102
- 000000
Tons
- 634657
- 664C5C
- 695360
- 6D5965
- 705F69
- 73666E
- 776C72
- 7A7377
- 7D797B
Harmonias de cor
Complementar +180°
- 5F4053
Amaranthine
- 305443
≈ Fresh Mint
Análoga -30° +30°
- 5F4053
Amaranthine
- 554360
≈ Nightly Walk
- 643F44
≈ Beetroot
Tríade +120° +240°
- 5F4053
Amaranthine
- 514C2A
≈ Codium Fragile
- 28525F
≈ Blue Bayberry
Complementar dividida +150° +210°
- 5F4053
Amaranthine
- 415134
≈ Green Shade Wash
- 255453
≈ Forbidden Forest
Tétrade +90° +180° +270°
- 5F4053
Amaranthine
- 5D472B
≈ Nightingale
- 305443
≈ Fresh Mint
- 364D67
≈ Rain Boots
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.95:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.34:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--amaranthine: #5f4053;
--amaranthine-rgb: 95 64 83;
--amaranthine-oklch: oklch(0.413 0.052 342.2);
}
.element {
color: var(--amaranthine);
background-color: hsl(323 19% 31%);
border-color: oklch(0.413 0.052 342.2);
}Tailwind CSS v4
@theme {
--color-amaranthine: #5f4053;
--color-amaranthine-50: #fff0f9;
--color-amaranthine-100: #f5e1ec;
--color-amaranthine-200: #e5ccda;
--color-amaranthine-300: #ccadbe;
--color-amaranthine-400: #b593a7;
--color-amaranthine-500: #9f7990;
--color-amaranthine-600: #86667a;
--color-amaranthine-700: #6c5261;
--color-amaranthine-800: #4f3c48;
--color-amaranthine-900: #372932;
--color-amaranthine-950: #22171e;
}SCSS
$amaranthine: #5f4053;
$amaranthine-rgb: 95, 64, 83;
$amaranthine-light: mix(#fff, $amaranthine, 20%);
$amaranthine-dark: mix(#000, $amaranthine, 20%);
.element {
color: $amaranthine;
box-shadow: 0 0 0 2px rgba($amaranthine, 0.35);
}