Cor nomeada mais próxima · #9491EA
#9491EA
Cor nomeada mais próxima: Perrywinkle
#9491EA (rgb(148 145 234), hsl(242 68% 74%), oklch(0.696 0.129 284.1)) é mais próxima da cor nomeada Perrywinkle. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9491EA
oklch(0.696 0.129 284.1)
Conversões de cor
- HEX
- #9491ea
- RGB
- rgb(148 145 234)
- HSL
- hsl(242 68% 74%)
- HWB
- hwb(242 57% 8%)
- OKLCH
- oklch(0.696 0.129 284.1)
- OKLab
- oklab(0.696 0.031 -0.125)
- CIE Lab
- lab(63.24 17.11 -45.12)
- LCH
- lch(63.24 48.26 290.8)
- CMYK
- cmyk(37% 38% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- 9E9CED
- A8A7F0
- B2B2F2
- BDBDF4
- C7C8F7
- D2D3F9
- DDDEFB
- E8E9FC
- F4F4FE
Sombras
- 807DCB
- 6D6AAE
- 5A5891
- 484675
- 36355A
- 262541
- 161529
- 080713
- 010103
Tons
- 9290DF
- 908ED5
- 8D8DCA
- 8B8BC0
- 898AB5
- 8788AA
- 8586A0
- 848495
- 82828B
Harmonias de cor
Complementar +180°
- 9491EA
Perrywinkle
- ABA131
≈ Parrot Feather
Análoga -30° +30°
- 9491EA
Perrywinkle
- 62A0EB
≈ Feather Star
- BA84D5
≈ Purception
Tríade +120° +240°
- 9491EA
Perrywinkle
- DF8157
≈ Show Business
- 3AB688
≈ Mint
Complementar dividida +150° +210°
- 9491EA
Perrywinkle
- CC9031
≈ Alameda Ochre
- 7BAE58
≈ Arugula
Tétrade +90° +180° +270°
- 9491EA
Perrywinkle
- E17985
≈ Hot Gossip
- ABA131
≈ Parrot Feather
- 00B4B3
≈ Cyan Sky
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--perrywinkle: #9491ea;
--perrywinkle-rgb: 148 145 234;
--perrywinkle-oklch: oklch(0.696 0.129 284.1);
}
.element {
color: var(--perrywinkle);
background-color: hsl(242 68% 74%);
border-color: oklch(0.696 0.129 284.1);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9491ea;
--color-perrywinkle-50: #f1f1ff;
--color-perrywinkle-100: #e3e2ff;
--color-perrywinkle-200: #cfcdff;
--color-perrywinkle-300: #b1aef7;
--color-perrywinkle-400: #9693e8;
--color-perrywinkle-500: #7d78d8;
--color-perrywinkle-600: #6a66b6;
--color-perrywinkle-700: #555192;
--color-perrywinkle-800: #3c3b6d;
--color-perrywinkle-900: #29294d;
--color-perrywinkle-950: #171633;
}SCSS
$perrywinkle: #9491ea;
$perrywinkle-rgb: 148, 145, 234;
$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);
}