Color con nombre más cercano · #6A6DC9
#6A6DC9
Color con nombre más cercano: Venus Violet
#6A6DC9 (rgb(106 109 201), hsl(238 47% 60%), oklch(0.576 0.139 279.7)) se parece más al color con nombre Venus Violet. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6A6DC9
oklch(0.576 0.139 279.7)
Conversiones de color
- HEX
- #6a6dc9
- RGB
- rgb(106 109 201)
- HSL
- hsl(238 47% 60%)
- HWB
- hwb(238 42% 21%)
- OKLCH
- oklch(0.576 0.139 279.7)
- OKLab
- oklab(0.576 0.023 -0.137)
- CIE Lab
- lab(49.14 17.78 -49.12)
- LCH
- lch(49.14 52.24 289.9)
- CMYK
- cmyk(47% 46% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- 777CCF
- 858AD5
- 9399DB
- A1A7E1
- B0B6E7
- BFC4EC
- CFD3F1
- DFE1F6
- EFF0FB
Sombras
- 5B5EAE
- 4D4F95
- 3F417C
- 313364
- 24264C
- 181936
- 0D0D22
- 04040F
- 000102
Tonos
- 6C70C2
- 6E72BB
- 7074B4
- 7276AD
- 7478A6
- 767A9F
- 797C97
- 7B7D90
- 7D7F88
Armonías de color
Complementario +180°
- 6A6DC9
Venus Violet
- 8A7A00
≈ Moscow Papyrus
Análogo -30° +30°
- 6A6DC9
Venus Violet
- 297DC7
≈ Eye Blue
- 925FB6
≈ Lusty Lavender
Triádico +120° +240°
- 6A6DC9
Venus Violet
- BC5733
≈ Beef Patties
- 00905D
≈ Emerald Lake
Complementario dividido +150° +210°
- 6A6DC9
Venus Violet
- A76900
≈ Butter Fudge
- 5E881F
≈ Weeping Fig
Tetrádico +90° +180° +270°
- 6A6DC9
Venus Violet
- BC5067
≈ Popstar
- 8A7A00
≈ Moscow Papyrus
- 008B86
≈ Greenish Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.52:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.64:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--venus-violet: #6a6dc9;
--venus-violet-rgb: 106 109 201;
--venus-violet-oklch: oklch(0.576 0.139 279.7);
}
.element {
color: var(--venus-violet);
background-color: hsl(238 47% 60%);
border-color: oklch(0.576 0.139 279.7);
}Tailwind CSS v4
@theme {
--color-venus-violet: #6a6dc9;
--color-venus-violet-50: #eef1ff;
--color-venus-violet-100: #dfe3ff;
--color-venus-violet-200: #caceff;
--color-venus-violet-300: #abaffd;
--color-venus-violet-400: #8e94ef;
--color-venus-violet-500: #7578e0;
--color-venus-violet-600: #6366bd;
--color-venus-violet-700: #4f5298;
--color-venus-violet-800: #383c71;
--color-venus-violet-900: #262950;
--color-venus-violet-950: #151735;
}SCSS
$venus-violet: #6a6dc9;
$venus-violet-rgb: 106, 109, 201;
$venus-violet-light: mix(#fff, $venus-violet, 20%);
$venus-violet-dark: mix(#000, $venus-violet, 20%);
.element {
color: $venus-violet;
box-shadow: 0 0 0 2px rgba($venus-violet, 0.35);
}