Color con nombre más cercano · #6E5E9A
#6E5E9A
Color con nombre más cercano: Scampi
#6E5E9A (rgb(110 94 154), hsl(256 24% 49%), oklch(0.523 0.094 295.2)) se parece más al color con nombre Scampi. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6E5E9A
oklch(0.523 0.094 295.2)
Conversiones de color
- HEX
- #6e5e9a
- RGB
- rgb(110 94 154)
- HSL
- hsl(256 24% 49%)
- HWB
- hwb(256 37% 40%)
- OKLCH
- oklch(0.523 0.094 295.2)
- OKLab
- oklab(0.523 0.04 -0.085)
- CIE Lab
- lab(43.44 17.03 -30.73)
- LCH
- lch(43.44 35.13 299)
- CMYK
- cmyk(29% 39% 0% 40%)
Tintes · Sombras · Tonos
Tintes
- 7B6DA4
- 897DAE
- 978CB9
- A59CC3
- B3ACCD
- C2BCD7
- D1CDE1
- E0DDEB
- EFEEF5
Sombras
- 5F5185
- 504471
- 41375E
- 332B4B
- 261F39
- 191427
- 0E0A17
- 040309
- 010001
Tonos
- 706298
- 716595
- 736993
- 756C91
- 77708E
- 78738B
- 7A7689
- 7C7A86
- 7E7D83
Armonías de color
Complementario +180°
- 6E5E9A
Scampi
- 68702A
≈ Forest Spirit
Análogo -30° +30°
- 6E5E9A
Scampi
- 4F68A0
≈ Electrify
- 855687
≈ Purple Fluorite
Triádico +120° +240°
- 6E5E9A
Scampi
- 935A30
≈ Carrageen Moss
- 127B67
≈ Ultramarine Green
Complementario dividido +150° +210°
- 6E5E9A
Scampi
- 82651E
≈ Brazen Brass
- 447847
≈ Autumn Crocodile
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.62:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.73:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--scampi: #6e5e9a;
--scampi-rgb: 110 94 154;
--scampi-oklch: oklch(0.523 0.094 295.2);
}
.element {
color: var(--scampi);
background-color: hsl(256 24% 49%);
border-color: oklch(0.523 0.094 295.2);
}Tailwind CSS v4
@theme {
--color-scampi: #6e5e9a;
--color-scampi-50: #f8f0ff;
--color-scampi-100: #ebe2ff;
--color-scampi-200: #d8ccf8;
--color-scampi-300: #bcaee2;
--color-scampi-400: #a293d0;
--color-scampi-500: #8b79be;
--color-scampi-600: #7667a0;
--color-scampi-700: #5e5281;
--color-scampi-800: #443c60;
--color-scampi-900: #2f2943;
--color-scampi-950: #1b172b;
}SCSS
$scampi: #6e5e9a;
$scampi-rgb: 110, 94, 154;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}