Cor nomeada · #5C5083
Freshly Purpleized
Freshly Purpleized é #5C5083: rgb(92 80 131), hsl(254 24% 41%), oklch(0.465 0.082 293.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Freshly Purpleized color name →
#5C5083
oklch(0.465 0.082 293.8)
Conversões de cor
- HEX
- #5c5083
- RGB
- rgb(92 80 131)
- HSL
- hsl(254 24% 41%)
- HWB
- hwb(254 31% 49%)
- OKLCH
- oklch(0.465 0.082 293.8)
- OKLab
- oklab(0.465 0.033 -0.075)
- CIE Lab
- lab(36.94 14.31 -27.15)
- LCH
- lch(36.94 30.7 297.8)
- CMYK
- cmyk(30% 39% 0% 49%)
Tons claros · Sombras · Tons
Tons claros
- 6B608F
- 7A719C
- 8982A8
- 9993B4
- A9A4C1
- BAB6CD
- CBC8D9
- DCDAE6
- EDECF2
Sombras
- 4F4471
- 423960
- 362E4F
- 2A243F
- 1F1A2F
- 141020
- 0A0712
- 030206
- 000001
Tons
- 5F5583
- 635A83
- 665F83
- 6A6483
- 6D6883
- 716D82
- 757282
- 787781
- 7C7B81
Harmonias de cor
Complementar +180°
- 5C5083
Freshly Purpleized
- 595E23
≈ Gardener Green
Análoga -30° +30°
- 5C5083
Freshly Purpleized
- 425888
≈ True Navy
- 704974
≈ Hyssop
Tríade +120° +240°
- 5C5083
Freshly Purpleized
- 7D4C2A
≈ Kinsusutake Brown
- 146856
≈ Bella Vista
Complementar dividida +150° +210°
- 5C5083
Freshly Purpleized
- 6F551A
≈ Field Drab
- 3C653B
≈ Jurassic Park
Tétrade +90° +180° +270°
- 5C5083
Freshly Purpleized
- 814643
≈ Sly Fox
- 595E23
≈ Gardener Green
- 00666E
≈ Trouser Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.16:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.93:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--freshly-purpleized: #5c5083;
--freshly-purpleized-rgb: 92 80 131;
--freshly-purpleized-oklch: oklch(0.465 0.082 293.8);
}
.element {
color: var(--freshly-purpleized);
background-color: hsl(254 24% 41%);
border-color: oklch(0.465 0.082 293.8);
}Tailwind CSS v4
@theme {
--color-freshly-purpleized: #5c5083;
--color-freshly-purpleized-50: #f7f1ff;
--color-freshly-purpleized-100: #eae3ff;
--color-freshly-purpleized-200: #d7cef4;
--color-freshly-purpleized-300: #baafdd;
--color-freshly-purpleized-400: #a095cb;
--color-freshly-purpleized-500: #897bb8;
--color-freshly-purpleized-600: #74699b;
--color-freshly-purpleized-700: #5d547c;
--color-freshly-purpleized-800: #433d5d;
--color-freshly-purpleized-900: #2e2a41;
--color-freshly-purpleized-950: #1b1729;
}SCSS
$freshly-purpleized: #5c5083;
$freshly-purpleized-rgb: 92, 80, 131;
$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);
}