Cor nomeada · #787093
Parisian Violet
Parisian Violet é #787093: rgb(120 112 147), hsl(254 14% 51%), oklch(0.565 0.054 295.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Parisian Violet color name →
#787093
oklch(0.565 0.054 295.1)
Conversões de cor
- HEX
- #787093
- RGB
- rgb(120 112 147)
- HSL
- hsl(254 14% 51%)
- HWB
- hwb(254 44% 42%)
- OKLCH
- oklch(0.565 0.054 295.1)
- OKLab
- oklab(0.565 0.023 -0.049)
- CIE Lab
- lab(48.96 8.91 -18.02)
- LCH
- lch(48.96 20.1 296.3)
- CMYK
- cmyk(18% 24% 0% 42%)
Tons claros · Sombras · Tons
Tons claros
- 857D9E
- 918BA8
- 9E99B3
- ACA7BD
- B9B5C8
- C7C4D3
- D4D2DE
- E2E1E9
- F1F0F4
Sombras
- 67607F
- 57516C
- 484359
- 393547
- 2A2736
- 1D1A25
- 100E16
- 050408
- 010101
Tons
- 797291
- 7A738F
- 7A758E
- 7B778C
- 7C788A
- 7D7A88
- 7D7B86
- 7E7D84
- 7F7E82
Harmonias de cor
Complementar +180°
- 787093
Parisian Violet
- 757A55
≈ Loden Green
Análoga -30° +30°
- 787093
Parisian Violet
- 677697
≈ Lavender Mauve
- 876B88
≈ Beauty
Tríade +120° +240°
- 787093
Parisian Violet
- 8F6E58
≈ Mushroom Brown
- 538174
≈ Frosty Spruce
Complementar dividida +150° +210°
- 787093
Parisian Violet
- 857451
≈ Woodbridge
- 627F63
≈ Korean Mint
Tétrade +90° +180° +270°
- 787093
Parisian Violet
- 936A66
≈ Clay Ridge
- 757A55
≈ Loden Green
- 4E8085
≈ Tapestry Teal
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.62:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.53:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--parisian-violet: #787093;
--parisian-violet-rgb: 120 112 147;
--parisian-violet-oklch: oklch(0.565 0.054 295.1);
}
.element {
color: var(--parisian-violet);
background-color: hsl(254 14% 51%);
border-color: oklch(0.565 0.054 295.1);
}Tailwind CSS v4
@theme {
--color-parisian-violet: #787093;
--color-parisian-violet-50: #f6f2ff;
--color-parisian-violet-100: #e9e4f8;
--color-parisian-violet-200: #d6d0e9;
--color-parisian-violet-300: #bab2d0;
--color-parisian-violet-400: #a099bc;
--color-parisian-violet-500: #887fa7;
--color-parisian-violet-600: #736c8d;
--color-parisian-violet-700: #5c5671;
--color-parisian-violet-800: #433f54;
--color-parisian-violet-900: #2e2b3a;
--color-parisian-violet-950: #1b1924;
}SCSS
$parisian-violet: #787093;
$parisian-violet-rgb: 120, 112, 147;
$parisian-violet-light: mix(#fff, $parisian-violet, 20%);
$parisian-violet-dark: mix(#000, $parisian-violet, 20%);
.element {
color: $parisian-violet;
box-shadow: 0 0 0 2px rgba($parisian-violet, 0.35);
}