Cor nomeada mais próxima · #592348
#592348
Cor nomeada mais próxima: Murasaki
#592348 (rgb(89 35 72), hsl(319 44% 24%), oklch(0.348 0.093 341.4)) é mais próxima da cor nomeada Murasaki. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#592348
oklch(0.348 0.093 341.4)
Conversões de cor
- HEX
- #592348
- RGB
- rgb(89 35 72)
- HSL
- hsl(319 44% 24%)
- HWB
- hwb(319 14% 65%)
- OKLCH
- oklch(0.348 0.093 341.4)
- OKLab
- oklab(0.348 0.089 -0.03)
- CIE Lab
- lab(23.07 28.97 -10.83)
- LCH
- lch(23.07 30.92 339.5)
- CMYK
- cmyk(0% 61% 19% 65%)
Tons claros · Sombras · Tons
Tons claros
- 693759
- 7A4C69
- 8A617B
- 9B768D
- AB8C9F
- BCA2B1
- CDB8C4
- DDD0D8
- EEE7EB
Sombras
- 4C1D3D
- 401733
- 341129
- 280C1F
- 1D0716
- 13040D
- 090106
- 030002
- 000000
Tons
- 5E2D4D
- 623653
- 663F58
- 6B495E
- 6F5264
- 725B69
- 76646F
- 7A6D75
- 7D777A
Harmonias de cor
Complementar +180°
- 592348
Murasaki
- 00462D
≈ Alaskan Moss
Análoga -30° +30°
- 592348
Murasaki
- 4A295D
≈ Acai
- 61212D
≈ Blackberry Pie
Tríade +120° +240°
- 592348
Murasaki
- 423B00
≈ Camouflage
- 004152
≈ Crab Nebula
Complementar dividida +150° +210°
- 592348
Murasaki
- 274302
≈ Garden Shadow
- 004442
≈ Dark Side
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.94:1 · APCA Lc 97
Ag
FailSobre preto
WCAG 1.75:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.94:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--murasaki: #592348;
--murasaki-rgb: 89 35 72;
--murasaki-oklch: oklch(0.348 0.093 341.4);
}
.element {
color: var(--murasaki);
background-color: hsl(319 44% 24%);
border-color: oklch(0.348 0.093 341.4);
}Tailwind CSS v4
@theme {
--color-murasaki: #592348;
--color-murasaki-50: #ffebfc;
--color-murasaki-100: #ffdcf0;
--color-murasaki-200: #f2c5df;
--color-murasaki-300: #daa5c4;
--color-murasaki-400: #c588af;
--color-murasaki-500: #b06d98;
--color-murasaki-600: #955c81;
--color-murasaki-700: #774a67;
--color-murasaki-800: #58354d;
--color-murasaki-900: #3d2435;
--color-murasaki-950: #271321;
}SCSS
$murasaki: #592348;
$murasaki-rgb: 89, 35, 72;
$murasaki-light: mix(#fff, $murasaki, 20%);
$murasaki-dark: mix(#000, $murasaki, 20%);
.element {
color: $murasaki;
box-shadow: 0 0 0 2px rgba($murasaki, 0.35);
}