Color con nombre más cercano · #7F94F7
#7F94F7
Color con nombre más cercano: Perrywinkle
#7F94F7 (rgb(127 148 247), hsl(229 88% 73%), oklch(0.694 0.147 273)) 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.
#7F94F7
oklch(0.694 0.147 273)
Conversiones de color
- HEX
- #7f94f7
- RGB
- rgb(127 148 247)
- HSL
- hsl(229 88% 73%)
- HWB
- hwb(229 50% 3%)
- OKLCH
- oklch(0.694 0.147 273)
- OKLab
- oklab(0.694 0.008 -0.147)
- CIE Lab
- lab(63 12.59 -52.75)
- LCH
- lch(63 54.23 283.4)
- CMYK
- cmyk(49% 40% 0% 3%)
Tintes · Sombras · Tonos
Tintes
- 8B9FF9
- 97AAFA
- A3B5FC
- B0C0FD
- BCCAFE
- C9D5FE
- D7DFFF
- E4EAFF
- F1F5FF
Sombras
- 6E80D7
- 5D6DB7
- 4C5A99
- 3C487C
- 2D3660
- 1F2645
- 11162C
- 060815
- 010103
Tonos
- 7F93EB
- 7F91DF
- 7F8FD3
- 7F8DC7
- 7F8CBC
- 7F89B0
- 7F87A4
- 808598
- 80838C
Armonías de color
Complementario +180°
- 7F94F7
Perrywinkle
- BB9900
≈ Hidden Tribe
Análogo -30° +30°
- 7F94F7
Perrywinkle
- 35A5F0
≈ Rockman Blue
- AF84E7
≈ Lavender Blossom
Triádico +120° +240°
- 7F94F7
Perrywinkle
- E9765F
≈ Colorado Bronze
- 43B66F
≈ Ceramic Green
Complementario dividido +150° +210°
- 7F94F7
Perrywinkle
- DB8523
≈ Tangerine Haze
- 8CAB34
≈ Beautiful Mint
Tetrádico +90° +180° +270°
- 7F94F7
Perrywinkle
- E57194
≈ Loveland
- BB9900
≈ Hidden Tribe
- 00B5A4
≈ Aare River
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: #7f94f7;
--perrywinkle-rgb: 127 148 247;
--perrywinkle-oklch: oklch(0.694 0.147 273);
}
.element {
color: var(--perrywinkle);
background-color: hsl(229 88% 73%);
border-color: oklch(0.694 0.147 273);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #7f94f7;
--color-perrywinkle-50: #e8f3ff;
--color-perrywinkle-100: #d9e5ff;
--color-perrywinkle-200: #c1d0ff;
--color-perrywinkle-300: #a1b1ff;
--color-perrywinkle-400: #8297f5;
--color-perrywinkle-500: #677be6;
--color-perrywinkle-600: #5869c2;
--color-perrywinkle-700: #46549c;
--color-perrywinkle-800: #303d75;
--color-perrywinkle-900: #202a52;
--color-perrywinkle-950: #101737;
}SCSS
$perrywinkle: #7f94f7;
$perrywinkle-rgb: 127, 148, 247;
$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);
}