Cor nomeada mais próxima · #A373B6
#A373B6
Cor nomeada mais próxima: Wisteria
#A373B6 (rgb(163 115 182), hsl(283 31% 58%), oklch(0.629 0.111 316)) é mais próxima da cor nomeada Wisteria. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A373B6
oklch(0.629 0.111 316)
Conversões de cor
- HEX
- #a373b6
- RGB
- rgb(163 115 182)
- HSL
- hsl(283 31% 58%)
- HWB
- hwb(283 45% 29%)
- OKLCH
- oklch(0.629 0.111 316)
- OKLab
- oklab(0.629 0.08 -0.077)
- CIE Lab
- lab(55.35 28.45 -28.07)
- LCH
- lch(55.35 39.97 315.4)
- CMYK
- cmyk(10% 37% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- AC81BE
- B58EC5
- BE9CCC
- C8AAD4
- D1B8DB
- DAC6E2
- E3D4EA
- ECE2F1
- F6F1F8
Sombras
- 8D639E
- 785486
- 63456F
- 4F3659
- 3C2844
- 2A1B30
- 190F1D
- 0A050C
- 010102
Tons
- A075B1
- 9C76AB
- 9978A6
- 9579A1
- 927B9B
- 8E7C96
- 8B7D91
- 877E8B
- 847F86
Harmonias de cor
Complementar +180°
- A373B6
Wisteria
- 699852
≈ Meadow Green
Análoga -30° +30°
- A373B6
Wisteria
- 837EC9
≈ Ube
- B96C97
≈ Je t’aime
Tríade +120° +240°
- A373B6
Wisteria
- AF7F30
≈ Bronze Leaf
- 009C9E
≈ Riviera Paradise
Complementar dividida +150° +210°
- A373B6
Wisteria
- 928D32
≈ Golden Lime
- 359E79
≈ Dancing Jewel
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.69:1 · APCA Lc 64
Ag
AASobre preto
WCAG 5.68:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
CSS
:root {
--wisteria: #a373b6;
--wisteria-rgb: 163 115 182;
--wisteria-oklch: oklch(0.629 0.111 316);
}
.element {
color: var(--wisteria);
background-color: hsl(283 31% 58%);
border-color: oklch(0.629 0.111 316);
}Tailwind CSS v4
@theme {
--color-wisteria: #a373b6;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f8ddff;
--color-wisteria-200: #e9c6f4;
--color-wisteria-300: #d0a6dd;
--color-wisteria-400: #b88acb;
--color-wisteria-500: #a36eb7;
--color-wisteria-600: #8a5d9b;
--color-wisteria-700: #6e4a7c;
--color-wisteria-800: #50365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #22132a;
}SCSS
$wisteria: #a373b6;
$wisteria-rgb: 163, 115, 182;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}