Color con nombre · #8E82FE
Periwinkle
Periwinkle es #8E82FE: rgb(142 130 254), hsl(246 98% 75%), oklch(0.675 0.178 285). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Periwinkle color name →
#8E82FE
oklch(0.675 0.178 285)
Conversiones de color
- HEX
- #8e82fe
- RGB
- rgb(142 130 254)
- HSL
- hsl(246 98% 75%)
- HWB
- hwb(246 51% 0%)
- OKLCH
- oklch(0.675 0.178 285)
- OKLab
- oklab(0.675 0.046 -0.172)
- CIE Lab
- lab(59.92 27.99 -61.39)
- LCH
- lch(59.92 67.47 294.5)
- CMYK
- cmyk(44% 49% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 988FFF
- A29CFF
- ADA9FF
- B8B6FF
- C3C2FF
- CFCEFF
- DADBFF
- E6E7FF
- F3F3FF
Sombras
- 7B70DD
- 685FBD
- 564E9E
- 443E80
- 342F63
- 242047
- 15122D
- 070616
- 010103
Tonos
- 8C83F1
- 8A83E5
- 8984D8
- 8784CC
- 8684BF
- 8483B3
- 8383A6
- 82829A
- 81818D
Armonías de color
Complementario +180°
- 8E82FE
Periwinkle
- A49A00
≈ Nuclear Fallout
Análogo -30° +30°
- 8E82FE
Periwinkle
- 4097FF
≈ Sky Dancer
- BF70E1
≈ Lavender
Triádico +120° +240°
- 8E82FE
Periwinkle
- EC6B23
≈ Island Orange
- 00B180
≈ Dark Mountain Meadow
Complementario dividido +150° +210°
- 8E82FE
Periwinkle
- C98800
≈ Lobster Butter Sauce
- 63AD2A
≈ Grass
Tetrádico +90° +180° +270°
- 8E82FE
Periwinkle
- EF5F73
≈ Pink Pepper
- A49A00
≈ Nuclear Fallout
- 00ACAD
≈ Fiji
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.09:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.77:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--periwinkle: #8e82fe;
--periwinkle-rgb: 142 130 254;
--periwinkle-oklch: oklch(0.675 0.178 285);
}
.element {
color: var(--periwinkle);
background-color: hsl(246 98% 75%);
border-color: oklch(0.675 0.178 285);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8e82fe;
--color-periwinkle-50: #f1eeff;
--color-periwinkle-100: #e3e0ff;
--color-periwinkle-200: #cfc9ff;
--color-periwinkle-300: #b2a8ff;
--color-periwinkle-400: #968cff;
--color-periwinkle-500: #7e6df5;
--color-periwinkle-600: #6b5dce;
--color-periwinkle-700: #554aa6;
--color-periwinkle-800: #3c367d;
--color-periwinkle-900: #292558;
--color-periwinkle-950: #17133c;
}SCSS
$periwinkle: #8e82fe;
$periwinkle-rgb: 142, 130, 254;
$periwinkle-light: mix(#fff, $periwinkle, 20%);
$periwinkle-dark: mix(#000, $periwinkle, 20%);
.element {
color: $periwinkle;
box-shadow: 0 0 0 2px rgba($periwinkle, 0.35);
}