Nazwany kolor · #A0488C
Viva Magenta
Viva Magenta to #A0488C: rgb(160 72 140), hsl(314 38% 45%), oklch(0.538 0.144 336.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Viva Magenta color name →
#A0488C
oklch(0.538 0.144 336.9)
Konwersje koloru
- HEX
- #a0488c
- RGB
- rgb(160 72 140)
- HSL
- hsl(314 38% 45%)
- HWB
- hwb(314 28% 37%)
- OKLCH
- oklch(0.538 0.144 336.9)
- OKLab
- oklab(0.538 0.132 -0.056)
- CIE Lab
- lab(44.31 43.58 -20.39)
- LCH
- lch(44.31 48.11 334.9)
- CMYK
- cmyk(0% 55% 12% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB5B97
- B56DA3
- BF7FAE
- C991B9
- D2A3C5
- DCB5D0
- E5C7DC
- EEDAE8
- F6ECF3
Odcienie ciemniejsze
- 8B3D79
- 763367
- 612955
- 4E1F43
- 3B1633
- 290D23
- 190614
- 090207
- 010001
Tony
- 9E4F8B
- 9B558A
- 985B89
- 966188
- 936787
- 8F6C85
- 8C7184
- 887683
- 847B81
Harmonie kolorów
Komplementarna +180°
- A0488C
Viva Magenta
- 00834F
≈ Dark Emerald
Analogowa -30° +30°
- A0488C
Viva Magenta
- 8454AE
≈ Royal Lavender
- B04360
≈ Hot
Triada +120° +240°
- A0488C
Viva Magenta
- 806D00
≈ Sunlit Kelp Green
- 007B92
≈ Jade Shard
Komplementarna rozszczepiona +150° +210°
- A0488C
Viva Magenta
- 587C00
≈ Avocado
- 007F77
≈ Coelia Greenshade
Tetrada +90° +180° +270°
- A0488C
Viva Magenta
- 9B5E00
≈ Soft Tone Ink
- 00834F
≈ Dark Emerald
- 0072BB
≈ French Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.52:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.80:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--viva-magenta: #a0488c;
--viva-magenta-rgb: 160 72 140;
--viva-magenta-oklch: oklch(0.538 0.144 336.9);
}
.element {
color: var(--viva-magenta);
background-color: hsl(314 38% 45%);
border-color: oklch(0.538 0.144 336.9);
}Tailwind CSS v4
@theme {
--color-viva-magenta: #a0488c;
--color-viva-magenta-50: #ffe6ff;
--color-viva-magenta-100: #ffd6f8;
--color-viva-magenta-200: #febde9;
--color-viva-magenta-300: #e89ad0;
--color-viva-magenta-400: #d37bbd;
--color-viva-magenta-500: #bf5ca8;
--color-viva-magenta-600: #a24e8e;
--color-viva-magenta-700: #823e72;
--color-viva-magenta-800: #602d56;
--color-viva-magenta-900: #431e3c;
--color-viva-magenta-950: #2b0e26;
}SCSS
$viva-magenta: #a0488c;
$viva-magenta-rgb: 160, 72, 140;
$viva-magenta-light: mix(#fff, $viva-magenta, 20%);
$viva-magenta-dark: mix(#000, $viva-magenta, 20%);
.element {
color: $viva-magenta;
box-shadow: 0 0 0 2px rgba($viva-magenta, 0.35);
}