Color con nombre más cercano · #7B4880
#7B4880
Color con nombre más cercano: Prunella
#7B4880 (rgb(123 72 128), hsl(295 28% 39%), oklch(0.483 0.105 323.8)) se parece más al color con nombre Prunella. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7B4880
oklch(0.483 0.105 323.8)
Conversiones de color
- HEX
- #7b4880
- RGB
- rgb(123 72 128)
- HSL
- hsl(295 28% 39%)
- HWB
- hwb(295 28% 50%)
- OKLCH
- oklch(0.483 0.105 323.8)
- OKLab
- oklab(0.483 0.085 -0.062)
- CIE Lab
- lab(38.48 29.33 -22.59)
- LCH
- lch(38.48 37.02 322.4)
- CMYK
- cmyk(4% 44% 0% 50%)
Tintes · Sombras · Tonos
Tintes
- 88598C
- 956B99
- A27DA5
- AF8EB2
- BCA1BF
- CAB3CB
- D7C6D8
- E4D8E5
- F2ECF2
Sombras
- 6A3D6E
- 5A335D
- 4A294D
- 3A1F3D
- 2C162E
- 1E0D1F
- 100612
- 050206
- 010001
Tonos
- 7C4E80
- 7D5480
- 7D5A81
- 7E5F81
- 7F6581
- 7F6A81
- 7F7081
- 807581
- 807B80
Armonías de color
Complementario +180°
- 7B4880
Prunella
- 356D35
≈ San Felix
Análogo -30° +30°
- 7B4880
Prunella
- 625194
≈ Purple Opulence
- 8B4363
≈ Putnam Plum
Triádico +120° +240°
- 7B4880
Prunella
- 795800
≈ Blackfire Earth
- 006C74
≈ Toadstool Teal
Complementario dividido +150° +210°
- 7B4880
Prunella
- 5E6408
≈ Mud Green
- 006F5A
≈ Teal Dark Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.81:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.08:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--prunella: #7b4880;
--prunella-rgb: 123 72 128;
--prunella-oklch: oklch(0.483 0.105 323.8);
}
.element {
color: var(--prunella);
background-color: hsl(295 28% 39%);
border-color: oklch(0.483 0.105 323.8);
}Tailwind CSS v4
@theme {
--color-prunella: #7b4880;
--color-prunella-50: #ffebff;
--color-prunella-100: #fbdcfb;
--color-prunella-200: #ecc5ed;
--color-prunella-300: #d4a5d5;
--color-prunella-400: #bd89c2;
--color-prunella-500: #a86dae;
--color-prunella-600: #8e5c93;
--color-prunella-700: #724a76;
--color-prunella-800: #533558;
--color-prunella-900: #3a253e;
--color-prunella-950: #241327;
}SCSS
$prunella: #7b4880;
$prunella-rgb: 123, 72, 128;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}