Color con nombre más cercano · #78487A
#78487A
Color con nombre más cercano: Purple Passion
#78487A (rgb(120 72 122), hsl(298 26% 38%), oklch(0.476 0.097 325.5)) se parece más al color con nombre Purple Passion. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#78487A
oklch(0.476 0.097 325.5)
Conversiones de color
- HEX
- #78487a
- RGB
- rgb(120 72 122)
- HSL
- hsl(298 26% 38%)
- HWB
- hwb(298 28% 52%)
- OKLCH
- oklch(0.476 0.097 325.5)
- OKLab
- oklab(0.476 0.08 -0.055)
- CIE Lab
- lab(37.85 27.32 -19.92)
- LCH
- lch(37.85 33.81 323.9)
- CMYK
- cmyk(2% 41% 0% 52%)
Tintes · Sombras · Tonos
Tintes
- 855987
- 936B94
- A07CA1
- AD8EAE
- BBA0BB
- C8B3C8
- D6C5D6
- E3D8E4
- F1ECF1
Sombras
- 673D69
- 573359
- 482949
- 391F3A
- 2A162B
- 1D0D1D
- 100610
- 050205
- 010001
Tonos
- 794E7B
- 7A547C
- 7B597C
- 7C5F7D
- 7D657E
- 7E6A7E
- 7F707F
- 7F757F
- 807B80
Armonías de color
Complementario +180°
- 78487A
Purple Passion
- 356B39
≈ Arcala Green
Análogo -30° +30°
- 78487A
Purple Passion
- 61508D
≈ Fine Purple
- 86435F
≈ Redcurrant
Triádico +120° +240°
- 78487A
Purple Passion
- 755802
≈ Pickled Grape Leaves
- 006973
≈ Kingfisher Bright
Complementario dividido +150° +210°
- 78487A
Purple Passion
- 5B6317
≈ Kirchner Green
- 006D5A
≈ Teal Dark Green
Tetrádico +90° +180° +270°
- 78487A
Purple Passion
- 854C1F
≈ Brown Eyed Girl
- 356B39
≈ Arcala Green
- 0F648B
≈ Reservoir
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.98:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 3.00:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--purple-passion: #78487a;
--purple-passion-rgb: 120 72 122;
--purple-passion-oklch: oklch(0.476 0.097 325.5);
}
.element {
color: var(--purple-passion);
background-color: hsl(298 26% 38%);
border-color: oklch(0.476 0.097 325.5);
}Tailwind CSS v4
@theme {
--color-purple-passion: #78487a;
--color-purple-passion-50: #ffecff;
--color-purple-passion-100: #faddf9;
--color-purple-passion-200: #ecc6ea;
--color-purple-passion-300: #d3a6d1;
--color-purple-passion-400: #bc8abe;
--color-purple-passion-500: #a76fa9;
--color-purple-passion-600: #8d5e8f;
--color-purple-passion-700: #714b72;
--color-purple-passion-800: #533656;
--color-purple-passion-900: #3a253c;
--color-purple-passion-950: #241425;
}SCSS
$purple-passion: #78487a;
$purple-passion-rgb: 120, 72, 122;
$purple-passion-light: mix(#fff, $purple-passion, 20%);
$purple-passion-dark: mix(#000, $purple-passion, 20%);
.element {
color: $purple-passion;
box-shadow: 0 0 0 2px rgba($purple-passion, 0.35);
}