En yakın adlandırılmış renk · #5A5585
#5A5585
En yakın adlandırılmış renk: Freshly Purpleized
#5A5585 (rgb(90 85 133), hsl(246 22% 43%), oklch(0.475 0.077 287.9)) en çok Freshly Purpleized adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5A5585
oklch(0.475 0.077 287.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 696591
- 78759D
- 8885A9
- 9896B5
- A8A7C1
- B9B8CE
- CAC9DA
- DBDBE6
- EDEDF3
Koyu tonlar
- 4D4973
- 413D61
- 353150
- 292640
- 1E1C30
- 131121
- 090813
- 030206
- 000001
Gri tonlar
- 5E5985
- 615E85
- 656284
- 696684
- 6C6B83
- 706F83
- 747382
- 787882
- 7C7C81
Renk uyumları
Tamamlayıcı +180°
- 5A5585
Freshly Purpleized
- 605F28
≈ Gardener Green
Analog -30° +30°
- 5A5585
Freshly Purpleized
- 405D87
≈ Anchor Point
- 6E4E78
≈ Gladiola Violet
Üçlü +120° +240°
- 5A5585
Freshly Purpleized
- 7F4E35
≈ Chocolate Bonbon
- 286A54
≈ Celtic Green
Bölünmüş tamamlayıcı +150° +210°
- 5A5585
Freshly Purpleized
- 745625
≈ Bark Brown
- 46663B
≈ Friendly Fairway
Dörtlü +90° +180° +270°
- 5A5585
Freshly Purpleized
- 824A4C
≈ Red Maple Leaf
- 605F28
≈ Gardener Green
- 10696C
≈ Aqua Obscura
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.83:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.07:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}