Color con nombre más cercano · #9753E3
#9753E3
Color con nombre más cercano: Orion Nebula
#9753E3 (rgb(151 83 227), hsl(268 72% 61%), oklch(0.592 0.21 302)) se parece más al color con nombre Orion Nebula. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9753E3
oklch(0.592 0.21 302)
Conversiones de color
- HEX
- #9753e3
- RGB
- rgb(151 83 227)
- HSL
- hsl(268 72% 61%)
- HWB
- hwb(268 33% 11%)
- OKLCH
- oklch(0.592 0.21 302)
- OKLab
- oklab(0.592 0.112 -0.178)
- CIE Lab
- lab(49.18 49.41 -63.51)
- LCH
- lch(49.18 80.46 307.9)
- CMYK
- cmyk(33% 63% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- A167E7
- AA79EB
- B48BEF
- BF9CF2
- C9ACF5
- D3BDF8
- DECEFA
- E9DEFC
- F4EEFE
Sombras
- 8347C5
- 6F3BA8
- 5C308C
- 492571
- 371B57
- 26113F
- 170827
- 080212
- 010003
Tonos
- 945ADA
- 9260D0
- 8F66C6
- 8D6BBD
- 8B6FB3
- 8873A9
- 86779F
- 847A95
- 827D8B
Armonías de color
Complementario +180°
- 9753E3
Orion Nebula
- 708A00
≈ Italian Buckthorn
Análogo -30° +30°
- 9753E3
Orion Nebula
- 566BF8
≈ Blue Heath Butterfly
- C03EB4
≈ Pink Perennial
Triádico +120° +240°
- 9753E3
Orion Nebula
- B66800
≈ Brown Orange
- 009283
≈ Silk Sari
Complementario dividido +150° +210°
- 9753E3
Orion Nebula
- 987A00
≈ Cerignola Olive
- 00974C
≈ Garnish
Tetrádico +90° +180° +270°
- 9753E3
Orion Nebula
- DF3517
≈ Dynamite Red
- 708A00
≈ Italian Buckthorn
- 008DA1
≈ Parrot Flight
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--orion-nebula: #9753e3;
--orion-nebula-rgb: 151 83 227;
--orion-nebula-oklch: oklch(0.592 0.21 302);
}
.element {
color: var(--orion-nebula);
background-color: hsl(268 72% 61%);
border-color: oklch(0.592 0.21 302);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #9753e3;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f7d7ff;
--color-orion-nebula-200: #e8bdff;
--color-orion-nebula-300: #cf99ff;
--color-orion-nebula-400: #b779ff;
--color-orion-nebula-500: #a255f7;
--color-orion-nebula-600: #8949d0;
--color-orion-nebula-700: #6e3aa7;
--color-orion-nebula-800: #4f2a7f;
--color-orion-nebula-900: #371d59;
--color-orion-nebula-950: #220b3d;
}SCSS
$orion-nebula: #9753e3;
$orion-nebula-rgb: 151, 83, 227;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}