Cor nomeada mais próxima · #5A5585
#5A5585
Cor nomeada mais próxima: Freshly Purpleized
#5A5585 (rgb(90 85 133), hsl(246 22% 43%), oklch(0.475 0.077 287.9)) é mais próxima da cor nomeada Freshly Purpleized. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#5A5585
oklch(0.475 0.077 287.9)
Conversões de cor
- HEX
- #5a5585
- RGB
- rgb(90 85 133)
- HSL
- hsl(246 22% 43%)
- HWB
- hwb(246 33% 48%)
- OKLCH
- oklch(0.475 0.077 287.9)
- OKLab
- oklab(0.475 0.024 -0.073)
- CIE Lab
- lab(38.21 11.09 -26.42)
- LCH
- lch(38.21 28.65 292.8)
- CMYK
- cmyk(32% 36% 0% 48%)
Tons claros · Sombras · Tons
Tons claros
- 696591
- 78759D
- 8885A9
- 9896B5
- A8A7C1
- B9B8CE
- CAC9DA
- DBDBE6
- EDEDF3
Sombras
- 4D4973
- 413D61
- 353150
- 292640
- 1E1C30
- 131121
- 090813
- 030206
- 000001
Tons
- 5E5985
- 615E85
- 656284
- 696684
- 6C6B83
- 706F83
- 747382
- 787882
- 7C7C81
Harmonias de cor
Complementar +180°
- 5A5585
Freshly Purpleized
- 605F28
≈ Gardener Green
Análoga -30° +30°
- 5A5585
Freshly Purpleized
- 405D87
≈ Anchor Point
- 6E4E78
≈ Gladiola Violet
Tríade +120° +240°
- 5A5585
Freshly Purpleized
- 7F4E35
≈ Chocolate Bonbon
- 286A54
≈ Celtic Green
Complementar dividida +150° +210°
- 5A5585
Freshly Purpleized
- 745625
≈ Bark Brown
- 46663B
≈ Friendly Fairway
Tétrade +90° +180° +270°
- 5A5585
Freshly Purpleized
- 824A4C
≈ Red Maple Leaf
- 605F28
≈ Gardener Green
- 10696C
≈ Aqua Obscura
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.83:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 3.07:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--freshly-purpleized: #5a5585;
--freshly-purpleized-rgb: 90 85 133;
--freshly-purpleized-oklch: oklch(0.475 0.077 287.9);
}
.element {
color: var(--freshly-purpleized);
background-color: hsl(246 22% 43%);
border-color: oklch(0.475 0.077 287.9);
}Tailwind CSS v4
@theme {
--color-freshly-purpleized: #5a5585;
--color-freshly-purpleized-50: #f4f2ff;
--color-freshly-purpleized-100: #e7e4ff;
--color-freshly-purpleized-200: #d3cff4;
--color-freshly-purpleized-300: #b6b1dd;
--color-freshly-purpleized-400: #9c98ca;
--color-freshly-purpleized-500: #837eb6;
--color-freshly-purpleized-600: #6f6b9a;
--color-freshly-purpleized-700: #59557c;
--color-freshly-purpleized-800: #403e5c;
--color-freshly-purpleized-900: #2c2b40;
--color-freshly-purpleized-950: #191829;
}SCSS
$freshly-purpleized: #5a5585;
$freshly-purpleized-rgb: 90, 85, 133;
$freshly-purpleized-light: mix(#fff, $freshly-purpleized, 20%);
$freshly-purpleized-dark: mix(#000, $freshly-purpleized, 20%);
.element {
color: $freshly-purpleized;
box-shadow: 0 0 0 2px rgba($freshly-purpleized, 0.35);
}