Color con nombre · #63209B
Wild Violet
Wild Violet es #63209B: rgb(99 32 155), hsl(273 66% 37%), oklch(0.416 0.185 303.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Wild Violet color name →
#63209B
oklch(0.416 0.185 303.8)
Conversiones de color
- HEX
- #63209b
- RGB
- rgb(99 32 155)
- HSL
- hsl(273 66% 37%)
- HWB
- hwb(273 13% 39%)
- OKLCH
- oklch(0.416 0.185 303.8)
- OKLab
- oklab(0.416 0.103 -0.154)
- CIE Lab
- lab(28.9 46.64 -54.59)
- LCH
- lch(28.9 71.8 310.5)
- CMYK
- cmyk(36% 79% 0% 39%)
Tintes · Sombras · Tonos
Tintes
- 713BA6
- 7F52B1
- 8E68BC
- 9E7DC6
- AD93D0
- BDA8DA
- CDBDE4
- DDD3ED
- EEE9F6
Sombras
- 551A86
- 471572
- 3A0F5E
- 2E0A4B
- 210639
- 160328
- 0B0118
- 030009
- 000001
Tonos
- 662F99
- 683B97
- 6B4595
- 6E4E93
- 715790
- 74608E
- 77688B
- 7A7088
- 7D7884
Armonías de color
Complementario +180°
- 63209B
Wild Violet
- 415500
≈ Highlands Moss
Análogo -30° +30°
- 63209B
Wild Violet
- 3336AE
≈ Blue Cardinal Flower
- 810274
≈ Patriarch
Triádico +120° +240°
- 63209B
Wild Violet
- 6F3F00
≈ Bloodtracker Brown
- 005950
≈ Baltic Prince
Complementario dividido +150° +210°
- 63209B
Wild Violet
- 5B4A00
≈ Scorzonera Brown
- 005C30
≈ Sombre Green
Tetrádico +90° +180° +270°
- 63209B
Wild Violet
- 8B1C00
≈ Bloodline
- 415500
≈ Highlands Moss
- 005664
≈ Abyssal Waters
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.50:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.21:1 · APCA Lc 11
Mejor color de texto: #FFFFFF
WCAG 9.50:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--wild-violet: #63209b;
--wild-violet-rgb: 99 32 155;
--wild-violet-oklch: oklch(0.416 0.185 303.8);
}
.element {
color: var(--wild-violet);
background-color: hsl(273 66% 37%);
border-color: oklch(0.416 0.185 303.8);
}Tailwind CSS v4
@theme {
--color-wild-violet: #63209b;
--color-wild-violet-50: #ffe8ff;
--color-wild-violet-100: #f7d9ff;
--color-wild-violet-200: #e7c0ff;
--color-wild-violet-300: #cf9dff;
--color-wild-violet-400: #b67ef6;
--color-wild-violet-500: #a15de7;
--color-wild-violet-600: #8850c3;
--color-wild-violet-700: #6d409d;
--color-wild-violet-800: #4f2e76;
--color-wild-violet-900: #371f54;
--color-wild-violet-950: #220e38;
}SCSS
$wild-violet: #63209b;
$wild-violet-rgb: 99, 32, 155;
$wild-violet-light: mix(#fff, $wild-violet, 20%);
$wild-violet-dark: mix(#000, $wild-violet, 20%);
.element {
color: $wild-violet;
box-shadow: 0 0 0 2px rgba($wild-violet, 0.35);
}