Cor nomeada mais próxima · #56257E
#56257E
Cor nomeada mais próxima: Purple Patch
#56257E (rgb(86 37 126), hsl(273 55% 32%), oklch(0.381 0.145 305.8)) é mais próxima da cor nomeada Purple Patch. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#56257E
oklch(0.381 0.145 305.8)
Conversões de cor
- HEX
- #56257e
- RGB
- rgb(86 37 126)
- HSL
- hsl(273 55% 32%)
- HWB
- hwb(273 15% 51%)
- OKLCH
- oklch(0.381 0.145 305.8)
- OKLab
- oklab(0.381 0.085 -0.117)
- CIE Lab
- lab(25.75 35.88 -41.84)
- LCH
- lch(25.75 55.12 310.6)
- CMYK
- cmyk(32% 71% 0% 51%)
Tons claros · Sombras · Tons
Tons claros
- 653C8B
- 755199
- 8566A6
- 967BB3
- A690C0
- B8A6CC
- C9BCD9
- DBD2E6
- EDE8F2
Sombras
- 4A1F6D
- 3E195C
- 32134C
- 270D3C
- 1C082D
- 12041F
- 080211
- 020005
- 000001
Tons
- 5A307F
- 5E3A80
- 624481
- 664D81
- 6B5681
- 6F5E82
- 736781
- 776F81
- 7C7881
Harmonias de cor
Complementar +180°
- 56257E
Purple Patch
- 364B00
≈ Godzilla
Análoga -30° +30°
- 56257E
Purple Patch
- 31348D
≈ Perfect Dark
- 6E175F
≈ Purple Curse
Tríade +120° +240°
- 56257E
Purple Patch
- 613800
≈ Brown
- 004E48
≈ Action Green
Complementar dividida +150° +210°
- 56257E
Purple Patch
- 4F4200
≈ Roman Bronze
- 00512D
≈ Card Table Green
Tétrade +90° +180° +270°
- 56257E
Purple Patch
- 791D00
≈ New Kenyan Copper
- 364B00
≈ Godzilla
- 004B59
≈ Watercolour Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.70:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 1.96:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--purple-patch: #56257e;
--purple-patch-rgb: 86 37 126;
--purple-patch-oklch: oklch(0.381 0.145 305.8);
}
.element {
color: var(--purple-patch);
background-color: hsl(273 55% 32%);
border-color: oklch(0.381 0.145 305.8);
}Tailwind CSS v4
@theme {
--color-purple-patch: #56257e;
--color-purple-patch-50: #ffebff;
--color-purple-patch-100: #f5dcff;
--color-purple-patch-200: #e5c4ff;
--color-purple-patch-300: #cca3f1;
--color-purple-patch-400: #b386e2;
--color-purple-patch-500: #9e69d1;
--color-purple-patch-600: #8559b0;
--color-purple-patch-700: #6b478e;
--color-purple-patch-800: #4d346b;
--color-purple-patch-900: #36234b;
--color-purple-patch-950: #211231;
}SCSS
$purple-patch: #56257e;
$purple-patch-rgb: 86, 37, 126;
$purple-patch-light: mix(#fff, $purple-patch, 20%);
$purple-patch-dark: mix(#000, $purple-patch, 20%);
.element {
color: $purple-patch;
box-shadow: 0 0 0 2px rgba($purple-patch, 0.35);
}