Color con nombre más cercano · #9D8FE4
#9D8FE4
Color con nombre más cercano: Perrywinkle
#9D8FE4 (rgb(157 143 228), hsl(250 61% 73%), oklch(0.696 0.123 290.4)) se parece más al color con nombre Perrywinkle. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9D8FE4
oklch(0.696 0.123 290.4)
Conversiones de color
- HEX
- #9d8fe4
- RGB
- rgb(157 143 228)
- HSL
- hsl(250 61% 73%)
- HWB
- hwb(250 56% 11%)
- OKLCH
- oklch(0.696 0.123 290.4)
- OKLab
- oklab(0.696 0.043 -0.115)
- CIE Lab
- lab(63.26 19.67 -41.73)
- LCH
- lch(63.26 46.13 295.2)
- CMYK
- cmyk(31% 37% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- A69AE7
- AFA5EB
- B9B1EE
- C2BCF1
- CCC7F3
- D6D2F6
- E0DDF8
- EAE8FB
- F5F4FD
Sombras
- 887CC6
- 7369A9
- 5F578D
- 4C4572
- 3A3458
- 28243F
- 181528
- 090712
- 010103
Tonos
- 9A8EDA
- 978DD0
- 948BC6
- 918ABC
- 8E89B2
- 8B87A8
- 88859E
- 858494
- 83828A
Armonías de color
Complementario +180°
- 9D8FE4
Perrywinkle
- A2A43F
≈ Camo Green
Análogo -30° +30°
- 9D8FE4
Perrywinkle
- 709DE9
≈ Feather Star
- BF83CC
≈ Purception
Triádico +120° +240°
- 9D8FE4
Perrywinkle
- DA8553
≈ Copperhead
- 33B692
≈ Aoife’s Green
Complementario dividido +150° +210°
- 9D8FE4
Perrywinkle
- C59436
≈ Oro
- 72B065
≈ Arugula
Tetrádico +90° +180° +270°
- 9D8FE4
Perrywinkle
- DF7C7D
≈ Babe
- A2A43F
≈ Camo Green
- 00B3BB
≈ Marrakech Mile
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--perrywinkle: #9d8fe4;
--perrywinkle-rgb: 157 143 228;
--perrywinkle-oklch: oklch(0.696 0.123 290.4);
}
.element {
color: var(--perrywinkle);
background-color: hsl(250 61% 73%);
border-color: oklch(0.696 0.123 290.4);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9d8fe4;
--color-perrywinkle-50: #f5efff;
--color-perrywinkle-100: #e8e1ff;
--color-perrywinkle-200: #d5cbff;
--color-perrywinkle-300: #b9acf1;
--color-perrywinkle-400: #9e91e2;
--color-perrywinkle-500: #8776d1;
--color-perrywinkle-600: #7264b0;
--color-perrywinkle-700: #5b508e;
--color-perrywinkle-800: #413a6a;
--color-perrywinkle-900: #2d284b;
--color-perrywinkle-950: #1a1631;
}SCSS
$perrywinkle: #9d8fe4;
$perrywinkle-rgb: 157, 143, 228;
$perrywinkle-light: mix(#fff, $perrywinkle, 20%);
$perrywinkle-dark: mix(#000, $perrywinkle, 20%);
.element {
color: $perrywinkle;
box-shadow: 0 0 0 2px rgba($perrywinkle, 0.35);
}