Cor nomeada · #6A5ACD
Ameixa
Ameixa é #6A5ACD: rgb(106 90 205), hsl(248 53% 58%), oklch(0.544 0.171 285.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Ameixa color name →
#6A5ACD
oklch(0.544 0.171 285.5)
Conversões de cor
- HEX
- #6a5acd
- RGB
- rgb(106 90 205)
- HSL
- hsl(248 53% 58%)
- HWB
- hwb(248 35% 20%)
- OKLCH
- oklch(0.544 0.171 285.5)
- OKLab
- oklab(0.544 0.046 -0.165)
- CIE Lab
- lab(44.57 29.65 -58.72)
- LCH
- lch(44.57 65.78 296.8)
- CMYK
- cmyk(48% 56% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- 776BD3
- 847CD9
- 928DDF
- A09DE4
- AFADEA
- BEBEEF
- CECEF3
- DEDEF7
- EEEFFB
Sombras
- 5B4DB2
- 4D4198
- 3F357E
- 312966
- 241E4E
- 181338
- 0D0923
- 04030F
- 000002
Tons
- 6B5FC6
- 6D64BF
- 6F68B7
- 716DB0
- 7370A8
- 7574A1
- 787799
- 7A7A91
- 7D7D89
Harmonias de cor
Complementar +180°
- 6A5ACD
Ameixa
- 7A7300
≈ Sunlit Kelp Green
Análoga -30° +30°
- 6A5ACD
Ameixa
- 156DD0
≈ Celtic Blue
- 9549B2
≈ Tyrian Shimmer
Tríade +120° +240°
- 6A5ACD
Ameixa
- B54B00
≈ Beef Bourguignon
- 008460
≈ Spectral Green
Complementar dividida +150° +210°
- 6A5ACD
Ameixa
- 966500
≈ Gamboge Brown
- 408300
≈ Green People
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.30:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.95:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--ameixa: #6a5acd;
--ameixa-rgb: 106 90 205;
--ameixa-oklch: oklch(0.544 0.171 285.5);
}
.element {
color: var(--ameixa);
background-color: hsl(248 53% 58%);
border-color: oklch(0.544 0.171 285.5);
}Tailwind CSS v4
@theme {
--color-ameixa: #6a5acd;
--color-ameixa-50: #f1eeff;
--color-ameixa-100: #e4e0ff;
--color-ameixa-200: #d0c9ff;
--color-ameixa-300: #b3a9ff;
--color-ameixa-400: #978cfe;
--color-ameixa-500: #7f6ef0;
--color-ameixa-600: #6c5ecb;
--color-ameixa-700: #564ba3;
--color-ameixa-800: #3d377b;
--color-ameixa-900: #292657;
--color-ameixa-950: #18133a;
}SCSS
$ameixa: #6a5acd;
$ameixa-rgb: 106, 90, 205;
$ameixa-light: mix(#fff, $ameixa, 20%);
$ameixa-dark: mix(#000, $ameixa, 20%);
.element {
color: $ameixa;
box-shadow: 0 0 0 2px rgba($ameixa, 0.35);
}