Color con nombre más cercano · #6E3C94
#6E3C94
Color con nombre más cercano: Perkin Mauve
#6E3C94 (rgb(110 60 148), hsl(274 42% 41%), oklch(0.459 0.143 308)) se parece más al color con nombre Perkin Mauve. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6E3C94
oklch(0.459 0.143 308)
Conversiones de color
- HEX
- #6e3c94
- RGB
- rgb(110 60 148)
- HSL
- hsl(274 42% 41%)
- HWB
- hwb(274 24% 42%)
- OKLCH
- oklch(0.459 0.143 308)
- OKLab
- oklab(0.459 0.088 -0.113)
- CIE Lab
- lab(35.01 35.03 -40.39)
- LCH
- lch(35.01 53.46 310.9)
- CMYK
- cmyk(26% 59% 0% 42%)
Tintes · Sombras · Tonos
Tintes
- 7C509F
- 8963AA
- 9776B5
- A689C0
- B49CCB
- C3AFD5
- D1C3E0
- E0D7EA
- F0EBF5
Sombras
- 5F3380
- 502A6D
- 41215A
- 331948
- 261136
- 190A26
- 0E0416
- 040108
- 010001
Tonos
- 704493
- 724C91
- 74538F
- 755A8E
- 77608C
- 79678A
- 7B6D88
- 7C7485
- 7E7A83
Armonías de color
Complementario +180°
- 6E3C94
Perkin Mauve
- 446300
≈ Camouflage Green
Análogo -30° +30°
- 6E3C94
Perkin Mauve
- 484AA5
≈ Galaxy Express
- 873073
≈ Violet Vixen
Triádico +120° +240°
- 6E3C94
Perkin Mauve
- 7C4B00
≈ Gédéon Brown
- 006660
≈ Peacock Pride
Complementario dividido +150° +210°
- 6E3C94
Perkin Mauve
- 665800
≈ Ayahuasca Vine
- 006940
≈ Celtic Clover
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.67:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.73:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--perkin-mauve: #6e3c94;
--perkin-mauve-rgb: 110 60 148;
--perkin-mauve-oklch: oklch(0.459 0.143 308);
}
.element {
color: var(--perkin-mauve);
background-color: hsl(274 42% 41%);
border-color: oklch(0.459 0.143 308);
}Tailwind CSS v4
@theme {
--color-perkin-mauve: #6e3c94;
--color-perkin-mauve-50: #ffebff;
--color-perkin-mauve-100: #f7dbff;
--color-perkin-mauve-200: #e7c4ff;
--color-perkin-mauve-300: #cea3ee;
--color-perkin-mauve-400: #b686df;
--color-perkin-mauve-500: #a068ce;
--color-perkin-mauve-600: #8859ae;
--color-perkin-mauve-700: #6d478c;
--color-perkin-mauve-800: #4f3369;
--color-perkin-mauve-900: #37234a;
--color-perkin-mauve-950: #221231;
}SCSS
$perkin-mauve: #6e3c94;
$perkin-mauve-rgb: 110, 60, 148;
$perkin-mauve-light: mix(#fff, $perkin-mauve, 20%);
$perkin-mauve-dark: mix(#000, $perkin-mauve, 20%);
.element {
color: $perkin-mauve;
box-shadow: 0 0 0 2px rgba($perkin-mauve, 0.35);
}