Couleur nommée la plus proche · #5A5585
#5A5585
Couleur nommée la plus proche: Freshly Purpleized
#5A5585 (rgb(90 85 133), hsl(246 22% 43%), oklch(0.475 0.077 287.9)) est la plus proche de la couleur nommée Freshly Purpleized. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5A5585
oklch(0.475 0.077 287.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 696591
- 78759D
- 8885A9
- 9896B5
- A8A7C1
- B9B8CE
- CAC9DA
- DBDBE6
- EDEDF3
Ombres
- 4D4973
- 413D61
- 353150
- 292640
- 1E1C30
- 131121
- 090813
- 030206
- 000001
Tons
- 5E5985
- 615E85
- 656284
- 696684
- 6C6B83
- 706F83
- 747382
- 787882
- 7C7C81
Harmonies de couleurs
Complémentaire +180°
- 5A5585
Freshly Purpleized
- 605F28
≈ Gardener Green
Analogue -30° +30°
- 5A5585
Freshly Purpleized
- 405D87
≈ Anchor Point
- 6E4E78
≈ Gladiola Violet
Triadique +120° +240°
- 5A5585
Freshly Purpleized
- 7F4E35
≈ Chocolate Bonbon
- 286A54
≈ Celtic Green
Complémentaire divisée +150° +210°
- 5A5585
Freshly Purpleized
- 745625
≈ Bark Brown
- 46663B
≈ Friendly Fairway
Tétradique +90° +180° +270°
- 5A5585
Freshly Purpleized
- 824A4C
≈ Red Maple Leaf
- 605F28
≈ Gardener Green
- 10696C
≈ Aqua Obscura
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.83:1 · APCA Lc 84
Ag
FailSur noir
WCAG 3.07:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 84
Contrast pairs
Extraits de code
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);
}