Cor nomeada · #5A395B
Purple Wineberry
Purple Wineberry é #5A395B: rgb(90 57 91), hsl(298 23% 29%), oklch(0.397 0.07 325.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Wineberry color name →
#5A395B
oklch(0.397 0.07 325.8)
Conversões de cor
- HEX
- #5a395b
- RGB
- rgb(90 57 91)
- HSL
- hsl(298 23% 29%)
- HWB
- hwb(298 22% 64%)
- OKLCH
- oklch(0.397 0.07 325.8)
- OKLab
- oklab(0.397 0.058 -0.039)
- CIE Lab
- lab(29.01 19.71 -14.32)
- LCH
- lch(29.01 24.36 324)
- CMYK
- cmyk(1% 37% 0% 64%)
Tons claros · Sombras · Tons
Tons claros
- 694B6A
- 795D7A
- 897089
- 99839A
- AA97AA
- BAABBA
- CBBFCB
- DCD4DC
- EEE9EE
Sombras
- 4D304E
- 412841
- 351F35
- 291729
- 1E101E
- 130913
- 090409
- 030103
- 000000
Tons
- 5E405F
- 624763
- 664E66
- 6A556A
- 6D5C6E
- 716371
- 756A75
- 797279
- 7C797C
Harmonias de cor
Complementar +180°
- 5A395B
Purple Wineberry
- 2C512F
≈ Kaitoke Green
Análoga -30° +30°
- 5A395B
Purple Wineberry
- 4A3F68
≈ Geode
- 643648
≈ Art Deco Red
Tríade +120° +240°
- 5A395B
Purple Wineberry
- 584413
≈ Sugarloaf Brown
- 005159
≈ Cathedral View
Complementar dividida +150° +210°
- 5A395B
Purple Wineberry
- 454B1B
≈ Bronze Tone
- 0C5345
≈ Breathe Deeply
Tétrade +90° +180° +270°
- 5A395B
Purple Wineberry
- 633C1F
≈ Cassiterite Brown
- 2C512F
≈ Kaitoke Green
- 1A4C67
≈ Seafarer
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.67:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.17:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--purple-wineberry: #5a395b;
--purple-wineberry-rgb: 90 57 91;
--purple-wineberry-oklch: oklch(0.397 0.07 325.8);
}
.element {
color: var(--purple-wineberry);
background-color: hsl(298 23% 29%);
border-color: oklch(0.397 0.07 325.8);
}Tailwind CSS v4
@theme {
--color-purple-wineberry: #5a395b;
--color-purple-wineberry-50: #ffefff;
--color-purple-wineberry-100: #f5e0f4;
--color-purple-wineberry-200: #e5cae4;
--color-purple-wineberry-300: #ccabca;
--color-purple-wineberry-400: #b490b5;
--color-purple-wineberry-500: #9e769f;
--color-purple-wineberry-600: #866487;
--color-purple-wineberry-700: #6b506c;
--color-purple-wineberry-800: #4e3a50;
--color-purple-wineberry-900: #372838;
--color-purple-wineberry-950: #211622;
}SCSS
$purple-wineberry: #5a395b;
$purple-wineberry-rgb: 90, 57, 91;
$purple-wineberry-light: mix(#fff, $purple-wineberry, 20%);
$purple-wineberry-dark: mix(#000, $purple-wineberry, 20%);
.element {
color: $purple-wineberry;
box-shadow: 0 0 0 2px rgba($purple-wineberry, 0.35);
}