Color con nombre más cercano · #9D8FE5
#9D8FE5
Color con nombre más cercano: Perrywinkle
#9D8FE5 (rgb(157 143 229), hsl(250 62% 73%), oklch(0.697 0.125 290.3)) 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.
#9D8FE5
oklch(0.697 0.125 290.3)
Conversiones de color
- HEX
- #9d8fe5
- RGB
- rgb(157 143 229)
- HSL
- hsl(250 62% 73%)
- HWB
- hwb(250 56% 10%)
- OKLCH
- oklch(0.697 0.125 290.3)
- OKLab
- oklab(0.697 0.043 -0.117)
- CIE Lab
- lab(63.3 19.87 -42.22)
- LCH
- lch(63.3 46.66 295.2)
- CMYK
- cmyk(31% 38% 0% 10%)
Tintes · Sombras · Tonos
Tintes
- A69AE8
- AFA5EB
- B9B1EE
- C2BCF1
- CCC7F4
- D6D2F6
- E0DDF9
- EAE9FB
- F5F4FD
Sombras
- 887CC7
- 7369AA
- 5F578E
- 4C4572
- 3A3458
- 28243F
- 181528
- 090712
- 010103
Tonos
- 9A8EDB
- 978DD1
- 948BC7
- 918ABD
- 8E89B3
- 8B87A8
- 88859E
- 858494
- 83828A
Armonías de color
Complementario +180°
- 9D8FE5
Perrywinkle
- A2A43D
≈ Camo Green
Análogo -30° +30°
- 9D8FE5
Perrywinkle
- 6F9DEA
≈ Feather Star
- C083CD
≈ Purception
Triádico +120° +240°
- 9D8FE5
Perrywinkle
- DA8552
≈ Copperhead
- 31B692
≈ Aoife’s Green
Complementario dividido +150° +210°
- 9D8FE5
Perrywinkle
- C59434
≈ Oro
- 72B065
≈ Arugula
Tetrádico +90° +180° +270°
- 9D8FE5
Perrywinkle
- E07C7D
≈ Babe
- A2A43D
≈ Camo Green
- 00B3BB
≈ Marrakech Mile
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--perrywinkle: #9d8fe5;
--perrywinkle-rgb: 157 143 229;
--perrywinkle-oklch: oklch(0.697 0.125 290.3);
}
.element {
color: var(--perrywinkle);
background-color: hsl(250 62% 73%);
border-color: oklch(0.697 0.125 290.3);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9d8fe5;
--color-perrywinkle-50: #f5efff;
--color-perrywinkle-100: #e8e1ff;
--color-perrywinkle-200: #d5cbff;
--color-perrywinkle-300: #b9acf2;
--color-perrywinkle-400: #9e91e3;
--color-perrywinkle-500: #8675d2;
--color-perrywinkle-600: #7264b1;
--color-perrywinkle-700: #5b508e;
--color-perrywinkle-800: #413a6b;
--color-perrywinkle-900: #2d284b;
--color-perrywinkle-950: #1a1631;
}SCSS
$perrywinkle: #9d8fe5;
$perrywinkle-rgb: 157, 143, 229;
$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);
}